[Obs＃49] 快速準確的擷取網頁生成Markdown備忘：Obsidian Clipper瀏覽器擴充

先前介紹過兩個瀏覽器擴充：TabCopy與Roam-Highlighter，用來快速產生需要的網頁內容，今天介紹的也是瀏覽擴充，可使用於Chrome與Firefox（Edge市場找不到，必須到Chrome 線上應用程式商店 ）。

Obsidian Clipper提供了將擷取內容格式化的功能，因此我們可以依自己的需求預先設置好擷取後的內容格式，能更符合筆記的需求。

安裝與設定

由Chrome 線上應用程式商店 安裝後，可以先將之固定在工具列上，開啟右鍵功能表→擴充功能選項，範例如下：

擷取內容格式可使用四個變數來組成：

1. title：網頁的抬頭標題
2. url：瀏覽中的網址
3. date：擷取日期
4. clip：選取的內容

因為我們擷取的內容可能含有圖片、超連結、程式碼等，原本預設的

> clip

會造成格式不完整，因此我使用了Admonition外掛，將之包含在區塊裡，以盡量保持原本的內容樣式。

新格式：

- [{title}]({url}) at {date}.

```ad-info
collapse: open
{clip}
```

快捷鍵設置

擷取內容都必須點擊右上角的圖示，有些煩人，因此我們可以將Obsidian Clipper設置一個快捷鍵，以快速按鍵操作。設置步驟如下：

1. 工具列右鍵功能表→管理擴充功能→鍵盤快速鍵
2. 找到Obsidian Clipper後設置一個按鍵，例如〔Alt+C〕

設定後需要點擊Obsidian Clipper按鈕時就能直接按〔Alt+C〕。

操作步驟

1. 瀏覽網頁，例如：【Obsidian 使用教學】筆記篇 01 — 了解 Obsidian 的 Metadata，建立一套可持續迭代的筆記系統 | by 朱騏 | PM的生產力工具箱 | Medium
2. 選取需要保存的內容
3. 按〔Alt+C〕生成Clipper內容到系統剪貼簿
4. 將剪貼簿內容貼入Obsidian筆記裡
5. 寫些心得等備忘文字

如果有使用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

教學影片

＃＃

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

• 超強筆記軟體Obsidian (黑曜石)介紹與Zettelkasten筆記系統簡述 (0則留言, 2020/06/21)
• [Obs＃31] 美化提示方塊的外掛：Admonitions和方便選用的AutoHotkey腳本 (0則留言, 2021/04/05)
• Obsidian 1.0新手教學—打造個人知識管理利器，專屬的第二大腦 (2022年) (4則留言, 2022/10/22)
• Obs143｜分頁式介面的應用：HTML Tabs外掛；增加Obsidian呈現的便利性 (0則留言, 2023/10/15)
• [Obs＃59] Obsidian快速開啟常用筆記（2）：不使用外掛的簡單方法 (0則留言, 2021/10/27)
• [Obs#15] 在筆記裡複製、使用obsidian網址與工作空間的使用 (0則留言, 2020/10/27)
• Obsidian (黑曜石)筆記軟體的基本操作指引 (0則留言, 2020/06/23)
• Obs149-左邊長筆記，右邊卡片的編輯佈局：Query Control, Note Gallary (0則留言, 2024/01/28)
• [Obs#65] Obsidian exporter：將儲存庫匯出成標準Markdown格式 (0則留言, 2022/01/09)
• Obs＃118 | Obsidian超棒的圖形處理 Awesome Image (4則留言, 2023/03/22)
• [Obs＃108] 用Obsidian學習英文：Language Learner—事半功倍的Obsidian外掛 (7則留言, 2022/11/27)
• [Obs＃105] Obsidian外掛 Local REST API 提供外部整合服務 (0則留言, 2022/11/06)
• Obs126｜Obsidian 2023/04 7個新外掛介紹與評析 (0則留言, 2023/04/29)
• [Obs＃95] Obsidian v0.16對於使用介面的強化🚀 (0則留言, 2022/09/04)
• Obs140｜Obsidian進階全文檢索與複製結果的外掛－Query Control、Better Search View、Float Search、Text Expand、File Cooker (0則留言, 2023/09/15)