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

作者: 簡睿日期: 2021/09/05 – 23:38:16尚無留言 | 瀏覽數: 1 / 1819

先前介紹過兩個瀏覽器擴充：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之類的剪貼簿工具，可以全篇文章研讀完畢後，一次全部貼入。

教學影片

＃＃

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

[Obs＃31] 美化提示方塊的外掛：Admonitions和方便選用的AutoHotkey腳本 (0則留言, 2021/04/05)
超強筆記軟體Obsidian (黑曜石)介紹與Zettelkasten筆記系統簡述 (0則留言, 2020/06/21)
[Obs＃59] Obsidian快速開啟常用筆記（2）：不使用外掛的簡單方法 (0則留言, 2021/10/27)
Obsidian (黑曜石)筆記軟體的基本操作指引 (0則留言, 2020/06/23)
[Obs＃45] 軟體工程師必備的6個Obsidian外掛 (0則留言, 2021/08/13)
[Obs#65] Obsidian exporter：將儲存庫匯出成標準Markdown格式 (0則留言, 2022/01/09)
[Obs＃27] Timelines：時間軸外掛 (0則留言, 2021/03/12)
[Obs#15] 在筆記裡複製、使用obsidian網址與工作空間的使用 (0則留言, 2020/10/27)
[Obs＃76] (Spotlight/Alfred, Launchy)-like：Key Sequence Shortcut, Obsidian的快速命令啟動器 (0則留言, 2022/03/10)
[Obs＃51] QuickAdd全攻略(2)：腳本撰寫與巨集使用要點 (0則留言, 2021/09/18)
思源筆記初體驗：支援區塊引用、雙向連結、本地離線 Markdown 編輯 (0則留言, 2020/09/25)
[Obs＃54] Obsidian的任務管理技巧彙總 (0則留言, 2021/10/03)
[Obs＃66] 自動維護Markdown相容性的外掛：Consistent Attachments and Links (0則留言, 2022/01/21)
[Obs＃62] Obsidian搜尋全攻略 (0則留言, 2021/11/26)
Obsidian(黑曜石) 水平捲動面板的設定方法 (11則留言, 2020/06/27)

標籤: Markdown, obsidian

歡迎留言！

點擊這裡以取消回覆 »

新增留言或 trackback 從你自己的網站. 你也可以訂閱這些留言藉由 RSS

很好。保持清爽。保持主題。沒有垃圾

名稱（必填）

郵件 (不會被公開) （必填）

網站 (可選)

你可以使用這些標籤：<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

這是一個使用Gravatar系統的網站。請到右列網站登記以取得全域通用的頭像： Gravatar.

Click to rate this post!

[Total: 0 Average: 0]