先前介紹過多欄位式樣式的外掛(Obs084-另一個更簡便的筆記多欄作法:使用Obsidian Columns外掛),然而近日釋出的Simple-Columns除了提供相同的多欄位功能外,更具備下列特點:

  1. 自訂外觀:有全域自訂,也可個別多欄區塊自訂樣式
  2. 欄寬可視窗化拖拉調整
  3. 欄位的分隔符號是 ===,不使用 3 個倒引號,對程式碼區塊更加友善

更方便的是有命令能插入程式碼,不需要學習語法,比Obsidian Columns外掛便利許多。

1. 範例

  • 程式碼語言:columns
  • 欄位分隔: ===
```columns
id: 2snPI9hqmRlnbBLXJ9e6r
===
### Callouts
> [!INFO] Callouts
>  column 3-1
>  column 3-2
>> [!ERROR] Error description
>>  Nested callout
===
### Codeblock
```js
let msg = "Hello, world!";
let url = window.location.href;
```

===
### Image
![](https://raw.githubusercontent.com/emisjerry/upgit/master/2024/1711524303000xhzo15.png)

gh|700

2. 使用

右鍵功能表→Add columns→2/3/4 columns,插入的程式碼區塊裡會指派唯一的ID。

點擊右上角的選項圖示會彈出自訂對話窗,可自行設定外觀。

3. 💡 相關鏈接

💡 解說文章(繁體中文): https://jdev.tw/blog/8837/

💡 Explanation article(English): https://quaily.com/jdevtw-en/p/obsidian-multiple-columns-simple-columns-custom-appearance-drag-column-width-efficiency-improvement

💡 解説記事(日本語): https://quaily.com/jdevtw-jp/p/obsidian-multiple-columns-simple-columns-custom-appearance-drag-column-width-efficiency-improvement

✅ Simple-Columns Plugin: https://github.com/Josie1902/Simple-Columns

##