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

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

1. 編輯器設定

1.1. 顯示設定

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

設置項目 功能 操作步驟
設定每行寬度(Readable Line Length) 設定每行容納字數 取消勾選可顯示較多文字
摺疊標題(Fold Heading) 標題可否摺疊起來 勾選後列表左側會出現摺疊符號供操作
摺疊列表(Fold Indent) 列表可否摺疊起來 勾選後列表左側會出現摺疊符號供操作
縮排指引(Show Indentation Guides) 列表是否顯示垂直指引線 勾選後出現垂直線
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;    2px;   border-radius: var(--radius-xs);   top: 0px; } 

3. 快速輸入標題標記

有三種方法。

3.1. Format Hotkeys外掛

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

macOS: Ctrl=Cmd,Alt=Option

預設按鍵 功能說明 Action
Ctrl + Shift + 9 切換區塊引言 Toggle Blockquote
Ctrl + Shift + 8 切換無序列表 Toggle Bulleted List
Ctrl + Shift + 7 切換有序列表 Toggle Numbered List
Ctrl + Shift + 6 切換複選框 Toggle Checklist
Ctrl + Alt + 0 移除# Apply Normal text style
Ctrl + Alt + 1 套用一級標題 Apply Heading 1
Ctrl + Alt + 2 套用二級標題 Apply Heading 2
Ctrl + Alt + 3 套用三級標題 Apply Heading 3
Ctrl + Alt + 4 套用四級標題 Apply Heading 4
Ctrl + Alt + 5 套用五級標題 Apply Heading 5
Ctrl + Alt + 6 套用六級標題 Apply Heading 6
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

按鍵 功能 外掛
Ctrl+O 快速切換(開檔)
Ctrl+P 開啟命令面板
Ctrl+N 建立新筆記
Ctrl+Y 刪除行 Code Editor Shortcuts
Ctrl+D 複製行 Code Editor Shortcuts
Ctrl+J 連接兩行 Code Editor Shortcuts
Alt+↑ 跳到上個標題 Code Editor Shortcuts
Alt+↓ 跳到下個標題 Code Editor Shortcuts
Shift+Enter 往下插入空行
Ctrl+Enter 複選框切換
Ctrl+Shift+F 全域搜尋
Ctrl+W 關閉當前窗格
Ctrl+K 選取文字後按鍵,形成超鏈接
Ctrl+← 1. 英文:向左一個Word 
2. 中文:向左一句
Ctrl+→ 1. 英文:向右一個Word 
2. 中文:向右一句
 |                           |   

14. 文字顏色變更

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

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

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

%% color: 啟用notation-colour-blocks.css %% %% -- foreground color %% cl-green=>$END$ cl-yellow=>$END$  %% --background color %% bg-green=>$END$ bg-yellow=>$END$  %% --mark color %% mk-green=>$END$ mk-yellow=>$END$ 

15.
想在手機閱讀更多教學錦囊資訊?下載【香港矽谷】Android應用

分享到Facebook
技術平台: Nasthon Systems