先前介紹過多個多欄位式樣式的外掛：

• Obsidian Columns：Obs084-另一個更簡便的筆記多欄作法：使用Obsidian Columns外掛
• Simple Columns：Obsidian 多欄新選擇：Simple Columns，自訂外觀、拖曳調欄寬，效率再提升

Horizontal Block是新的外掛，其特點如下：

1. 自訂外觀：可勾選啟用每個區域的設定按鈕，可設定區塊背景顏色、文字顏色與縮小、加大欄寬
2. 欄寬可視窗化拖拉調整
3. 欄位的分隔符號是---，不使用 3 個倒引號，對程式碼區塊更加友善
4. Simple Columns必須在開頭指定ID，Horizontal Block不須ID
5. Simple Columns有新增區塊的命令，

1. 範例

• 程式碼語言：horizontal或hblock
• 欄位分隔：---

````hblock
### Callouts
> [!INFO] Callouts
>  column 3-1
>  column 3-2
>> [!ERROR] Error description
>>  Nested callout
---
### Codeblock
JavaScript
```js
let msg = "Hello, world!";
let url = window.location.href;
```
---
### 3.1. Image
![](https://raw.githubusercontent.com/emisjerry/upgit/master/2024/1711524303000xhzo15.png)
````

2. 使用

1. 插入程式碼區塊，語言以horizontal或hblock指定。
2. 子區塊以---分隔。
3. 選項設定裡可啟用子區塊的功能按鈕。

3. 💡 相關鏈接

💡 解說文章(繁體中文): https://jdev.tw/blog/8991/
💡 Explanation article(English)
💡 解説記事(日本語)

✅ Simple-Columns Plugin: https://github.com/Josie1902/Simple-Columns
✅ Horizontal Block Plugin: https://github.com/iCodeAlchemy/horizontal-blocks

＃＃

您可能也會有興趣的類似文章

• 用Obsidian製作國中數學筆記，在閱讀模式與產生PDF時的操作技巧 (0則留言, 2025/11/04)
• Obsidian 多欄新選擇：Simple Columns，自訂外觀、拖曳調欄寬，效率再提升 (0則留言, 2025/07/29)
• [Obs＃84] 另一個更簡便的筆記分欄作法：使用Columns外掛 (0則留言, 2022/04/30)
• Obs126｜Obsidian 2023/04 7個新外掛介紹與評析 (0則留言, 2023/04/29)
• Obs155｜程設師的編程好友：CodeBlock Customizer／Code Styler、Codeblock Tabs、Keyshots (0則留言, 2024/03/09)
• Obs169｜功能更強大的分頁顯示外掛：Obsidian Tabs與Tab Panels外掛 (0則留言, 2024/11/09)
• Obs171｜WonderBox：美化筆記的外掛，重點提示與強調關鍵 (0則留言, 2025/01/09)
• Obs143｜分頁式介面的應用：HTML Tabs外掛；增加Obsidian呈現的便利性 (0則留言, 2023/10/15)
• Obs180｜Obsidian互動式評分 Interactive Ratings 外掛，簡化＋美化評等操作 (0則留言, 2025/04/26)
• Obs146｜Obsidian彙總常用說明網站的助手：HelpMate (0則留言, 2023/12/03)
• [Obs＃39] 利用CSS變更文字顏色，侵入性小 (0則留言, 2021/05/10)
• Obsidian Buttons恢復更新 (v0.7.0) (0則留言, 2025/07/18)
• Obs161｜Obsidian 2024高亮文字新選擇：Painter與Fast Text Color (0則留言, 2024/07/07)
• Obs144｜Obsidian v1.5新功能－表格編輯器終於現身了！ (3則留言, 2023/11/25)
• 效率提升！Obsidian Querydash 外掛，打造客製化 Dataview 表格 (0則留言, 2025/07/24)