先前介紹過兩個瀏覽器擴充：TabCopy與Roam-Highlighter，用來快速產生需要的網頁內容，今天介紹的也是瀏覽擴充，可使用於Chrome與Firefox（Edge市場找不到，必須到Chrome 線上應用程式商店 ）。
Obsidian Clipper提供了將擷取內容格式化的功能，因此我們可以依自己的需求預先設置好擷取後的內容格式，能更符合筆記的需求。
安裝與設定
由Chrome 線上應用程式商店 安裝後，可以先將之固定在工具列上，開啟右鍵功能表→擴充功能選項，範例如下：
擷取內容格式可使用四個變數來組成：
- title：網頁的抬頭標題
- url：瀏覽中的網址
- date：擷取日期
- clip：選取的內容
因為我們擷取的內容可能含有圖片、超連結、程式碼等，原本預設的
> clip
會造成格式不完整，因此我使用了Admonition外掛，將之包含在區塊裡，以盡量保持原本的內容樣式。
新格式：
- [{title}]({url}) at {date}.
```ad-info
collapse: open
{clip}
```
快捷鍵設置
擷取內容都必須點擊右上角的圖示，有些煩人，因此我們可以將Obsidian Clipper設置一個快捷鍵，以快速按鍵操作。設置步驟如下：
- 工具列右鍵功能表→管理擴充功能→鍵盤快速鍵
- 找到Obsidian Clipper後設置一個按鍵，例如〔Alt+C〕
設定後需要點擊Obsidian Clipper按鈕時就能直接按〔Alt+C〕。
操作步驟
- 瀏覽網頁，例如：【Obsidian 使用教學】筆記篇 01 — 了解 Obsidian 的 Metadata，建立一套可持續迭代的筆記系統 | by 朱騏 | PM的生產力工具箱 | Medium
- 選取需要保存的內容
- 按〔Alt+C〕生成Clipper內容到系統剪貼簿
- 將剪貼簿內容貼入Obsidian筆記裡
- 寫些心得等備忘文字
如果有使用Ditto之類的剪貼簿工具，可以全篇文章研讀完畢後，一次全部貼入。
相關連結
- Obsidian Clipper – Chrome 線上應用程式商店
- jplattel/obsidian-clipper: A Chrome extension that easily clips selections to Obsidian
- 影片：[Obs#3] Obsidian(黑曜石)從無到有建立筆記–使用TabCopy、Roam-Highlighter瀏覽器擴充 (CC字幕)
- 影片：[Windows] 文抄公的必備良方， 超方便剪貼簿工具：Ditto
教學影片
＃＃您可能也會有興趣的類似文章
- [Obs＃31] 美化提示方塊的外掛：Admonitions和方便選用的AutoHotkey腳本 (0則留言, 2021/04/05)
- 超強筆記軟體Obsidian (黑曜石)介紹與Zettelkasten筆記系統簡述 (0則留言, 2020/06/21)
- [Obs＃45] 軟體工程師必備的6個Obsidian外掛 (0則留言, 2021/08/13)
- Obsidian (黑曜石)筆記軟體的基本操作指引 (0則留言, 2020/06/23)
- [Obs#15] 在筆記裡複製、使用obsidian網址與工作空間的使用 (0則留言, 2020/10/27)
- [Obs＃27] Timelines：時間軸外掛 (0則留言, 2021/03/12)
- 思源筆記初體驗：支援區塊引用、雙向連結、本地離線 Markdown 編輯 (0則留言, 2020/09/25)
- Obsidian(黑曜石) 水平捲動面板的設定方法 (11則留言, 2020/06/27)
- [Obs#17] Obsidian表格操作技巧—使用Advanced Tables外掛 (2則留言, 2020/11/07)
- [Obs#12] Obsidian v0.8.4~v0.8.9的新增功能 (0則留言, 2020/09/06)
- Obsidian(黑曜石) 高亮度顯示或變更文字顏色的3種方法 (4則留言, 2020/07/01)
- [Obs＃22] 讓有效學習更簡單！Markdown匯出到Anki | 使用Flashcards外掛 (0則留言, 2020/12/12)
- [Obs＃41] Excalidraw手繪圖表工具－幫你擺脫一成不變 (0則留言, 2021/05/14)
- [Obs＃24] PDF檢視器+PDF to Markdown外掛：更方便擷取資訊！ (0則留言, 2021/01/24)
- [Obs#7] Obsidian(黑曜石) 多重游標的操作與兩個CSS樣式 (0則留言, 2020/07/13)