3C設備

作者的敗家記錄，包含iPad、Nexus 7、Galaxy S3等iOS與Android相關電腦設備，也有中華電信ADSL網路與NAS設備等之應用技巧。

Windows學習誌

聚焦於Windows作業系統各個版本的使用經驗與操作技巧，有Windows XP、Windows Vista、Windows 7、Windows 8與Windows Server等不同版本。

檔案、資料夾管理

日常使用電腦時有很大的比例是在操作檔案與資料夾，在此分類裡作者介紹了增進作業效率的各式技巧與心得分享。

生產力工具

與工作效提升有關的各式工具、網站服務，例如Toodledo、Evernote、Google各式服務等之經驗分享。

閱讀筆記

作者於網站衝浪之際，特別轉貼有所感的文章，內容不限電腦科技，尚有不少人文社經之作。

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

2. 中文：向右一句

 |                           |  

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＃82] 用Obsidian學會Markdown–Markdown完整解析 (0則留言, 2022/04/09)
• Obsidian (黑曜石)筆記軟體的基本操作指引 (0則留言, 2020/06/23)
• [Obs＃59] Obsidian快速開啟常用筆記（2）：不使用外掛的簡單方法 (0則留言, 2021/10/27)
• [Obs＃75] 千呼萬喚始出來！視覺化表格編輯器(Markdown Table Editor)誕生了 🎂 (0則留言, 2022/03/06)
• [Obs#10] Obsidian+NeuraCache快速建立有效學習的閃卡(Flashcard)應用 (0則留言, 2020/08/22)
• [Obs＃54] Obsidian的任務管理技巧彙總 (0則留言, 2021/10/03)
• [Obs＃39] 利用CSS變更文字顏色，侵入性小 (0則留言, 2021/05/10)
• [Obs#13] 快速開啟筆記的方法：快速切換對話窗與obsidian:// URI 命令行 (0則留言, 2020/10/18)
• [Obs#17] Obsidian表格操作技巧—使用Advanced Tables外掛 (2則留言, 2020/11/07)
• 超強筆記軟體Obsidian (黑曜石)介紹與Zettelkasten筆記系統簡述 (0則留言, 2020/06/21)

標籤: Markdown, obsidian