[Obs＃86] 分享與編輯器相關的21個Obsidian外掛

Obsidian編輯器是撰寫內容的最主要環境，選擇好適合的外掛能帶來效率最高的工作生產力。

1. 編輯器設定

1.1. 顯示設定

以下操作皆在【設定(Settings)】→【編輯器(Editor)】→【顯示(Display)】裡運行。

1.2. 行為設定

【設定(Settings)】→【編輯器(Editor)】→【Advanced】→【Auto Convert HTML】勾選後，複製超鏈接的剪貼簿內容時：
* 按Ctrl/Cmd+V貼入或拖拉時，會自動形成[]()格式
* 按Ctrl/Cmd+Shift+V貼入或拖拉時，不轉換格式

2. 顯示標題等級

2.1. 顯示大綱面板或窗格

在右側邊欄顯示大綱面板，除了顯示大綱外，也可點擊大綱項目讓編輯器直接跳到該標題位置。

不使用大綱面板時，可點擊【⋮】更多選項→【開啟大綱】，在新窗格裡顯示大綱項目。

2.2. Lapel外掛

當我們能很容易的看到標題等級，可以很輕易的決定新的標題的等級。

最簡單的方法是安裝並啟用Lapel外掛（Live Preview）。點擊Lapel顯示的H1～H6，能選擇變更標題等級。

另一個方法是CSS片段，在標題列最後附加H?文字以標識等級。CSS裡把.markdown-preview-view改成.markdown-reading-view則可讓閱讀模式出現H?文字。

▼ 再複製h2～h6即可

.markdown-preview-view h1:hover::after,
.is-live-preview .HyperMD-header-1:hover::after {
  content: 'H1';
  font-size: 0.7rem;
  width: auto;
  margin-left: 10px;
  border: 1px solid;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  top: 0px;
}

3. 快速輸入標題標記

有三種方法。

3.1. Format Hotkeys外掛

按快捷鍵立即輸出井號，這是最快速的標題標記輸入方法。

macOS: Ctrl=Cmd，Alt=Option

3.2. Markdown Shortcuts外掛

輸入>後在彈出的選單裡挑選要插入的Markdown標記：h1～h6。

3.3. cMenu外掛

在cMenu裡新增按鈕【切換標題(Toggle Heading)】。

4. 標題編號

安裝並啟用Number Headings外掛，可自動做標題編號。細節後續再介紹。

5. 標題摺疊

安裝並啟用Creases外掛，可指定要收合或展開的特定等級標題。細節後續再介紹。

6. 目錄

安裝並啟用Dynamic Table of Contents外掛，再於要插入目錄處輸入toc程式碼區塊：

```toc
```

7. 列表

1. 如何快速結束列表？
   1. 按Shift+Enter
   2. 連按兩次Enter
2. 經常使用列表操作時，可使用Outliner外掛

8. 表格

除了用Markdown Shortcuts外掛插入表格格式手動輸入外，可使用下列外掛以加快輸入速度：

1. Table Editor
   

   [!WARNING] 注意
   表格上下插入空行，以免Update Table時上下內容被覆蓋

2. Advanced Tables
3. Notion-like Tables

9. 圖片處理

剪貼簿裡的圖片按Ctrl+V即能插入圖片。有下列外掛可使用：

• 自動將圖片檔名依筆記檔名＋編號改名: Attachment name formatting
• 自己上傳到圖床再取回圖床網址: Image auto upload
• 我是使用Shell Command外掛＋upgit.exe上傳圖片到GitHub
• 點擊圖片的操作工具組: Image Toolkit
• 下載外部圖片到本地並自動變更鏈接寫法: Local Image

10. 自動補全

使用Various Complements外掛可由儲存庫或本筆記找出符合輸入部份字串的建議使用清單，按Enter後補全文字。

常用的語法，例如各種類型的Callouts或LaTex等，皆可使用Various Complements的自訂字典來減輕輸入時的記憶負擔。

11. 斜線命令

啟用核心的斜線命令後，在行首輸入斜線(/)可彈出命令選單，輸入部份命令字串後挑選到要執行的命令後按Enter。

CJK用戶可使用Command Alias外掛加入命令別名以快速輸入與選擇。

12. 工具列操作: cMenu

不想萬事皆透過鍵盤時，可啟用cMenu，將經常使用的Markdown操作加入選單裡，以方便選單點選操作。

13. 常用快捷鍵

Code Editor Shortcuts外掛有更多一般代碼編輯器的按鍵可設定。

macOS: Ctrl=Cmd，Alt=Option

 |                           |  

14. 文字顏色變更

標準的Markdown文字是沒有顏色變更的語法，雖然不鼓勵，但如果追求顏值是你的人生大事的話，可以透過CSS片段來變更，基本上都是插入HTML標籤<span class="顏色CSS">文字</span>來達成。

我介紹過的美容影片如下：

• [Obs#5] Obsidian(黑曜石) 高亮度顯示或變更文字顏色的3種方法 (CC字幕)
• [Obs＃39] 利用CSS變更文字顏色，侵入性小。Obsidian專屬～
• [Obs＃52] 變更Obsidian段落顏色與重點高亮度的CSS片段

我在Various Complements外掛的自訂字典檔裡設定了顏色的縮寫，方便以選單的方法來插入顏色的標籤：

%% color: 啟用notation-colour-blocks.css %%
%% -- foreground color %%
cl-green=><span class="note-green">$END$</span>
cl-yellow=><span class="note-yellow">$END$</span>

%% --background color %%
bg-green=><span class="green-bg">$END$</span>
bg-yellow=><span class="yellow-bg">$END$</span>

%% --mark color %%
mk-green=><mark class="green">$END$</span>
mk-yellow=><mark class="yellow">$END$</mark>

15. 表情符號

表情符號的使用可以豐富文字的表現，常用的外掛有下面幾種：

1. Emoji Toolbar
2. Emoji Shortcodes

表情符號使用在標題時經常會無法正確顯示，此時將標題的CSS font-weight改成小於600 (例如用599)即可正常。

16. Markdown格式檢查

使用Linter外掛，可設定多種規則，可自行設定檢查的觸發時間。

17. 第三方整合

Obsidian的編輯區不止能用做文字編輯器，也能當做畫布。

17.1. 流程圖外掛

1. Excalidraw
2. Diagrams
3. Mermaind等

17.2. 其他

1. Kanban
2. 方程式
3. Mind Map
4. 樂譜
5. …

18. 相關外掛清單

19. 教學影片

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

• Obsidian(黑曜石) 高亮度顯示或變更文字顏色的3種方法 (4則留言, 2020/07/01)
• [Obs＃52] 變更段落顏色與重點高亮度的CSS片段 (0則留言, 2021/09/20)
• [Obs＃25] 美化筆記的兩個外掛：Emoji Toolbar與Icons與自訂CSS樣式 (0則留言, 2021/01/30)
• [Obs＃78] 輔助Markdown初學者的利器：Markdown Shortcuts與cMenu (0則留言, 2022/03/27)
• [Obs＃45] 軟體工程師必備的6個Obsidian外掛 (0則留言, 2021/08/13)
• [Obs＃59] Obsidian快速開啟常用筆記（2）：不使用外掛的簡單方法 (0則留言, 2021/10/27)
• Obsidian (黑曜石)筆記軟體的基本操作指引 (0則留言, 2020/06/23)
• [Obs＃54] Obsidian的任務管理技巧彙總 (0則留言, 2021/10/03)
• [Obs＃39] 利用CSS變更文字顏色，侵入性小 (0則留言, 2021/05/10)
• [Obs#17] Obsidian表格操作技巧—使用Advanced Tables外掛 (2則留言, 2020/11/07)
• 超強筆記軟體Obsidian (黑曜石)介紹與Zettelkasten筆記系統簡述 (0則留言, 2020/06/21)
• [Obs＃85] 分享使用中與外觀有關的10個外掛 (0則留言, 2022/05/01)
• [Obs#7] Obsidian(黑曜石) 多重游標的操作與兩個CSS樣式 (0則留言, 2020/07/13)
• [Obs＃38] 編輯區顯示圖片的外掛 (0則留言, 2021/05/07)
• [Obs#12] Obsidian v0.8.4~v0.8.9的新增功能 (0則留言, 2020/09/06)