如何把Obsidian Web Clipper價值最大化？
整理版優先睇
透過 Obsidian Web Clipper 官方插件與中文增強版，將網頁、YouTube 及 B 站內容一鍵轉化為 AI 易於理解的 Markdown 知識庫。
- 核心價值：Markdown 是 AI 時代的「硬通貨」，利用 Web Clipper 可以無損地將網頁內容結構化存入 Obsidian。
- 進階技巧：配置「解釋器」引入 AI 能力（如 Gemini-3-Flash），在剪存前自動生成摘要或進行格式轉換。
- 自動化流：利用「模板觸發器」根據 URL 自動切換模板，實現 YouTube 視頻與公眾號文章的差異化處理。
- 中文增強：原版不支持 B 站與飛書，需使用增強版插件透過 API 獲取完整字幕與結構化文檔內容。
- 行動建議：建議配置解釋器變量 {{...}}，實現「先總結、後剪存」的高效篩選工作流。
Obsidian Web Clipper (Official)
Obsidian 官方推出的瀏覽器剪存插件，支持網頁與 YouTube 字幕提取。
Obsidian Clipper CN (Enhanced)
蔡蔡開發的中文增強版，額外支持 B 站視頻字幕提取及飛書文檔 API 接入。
飛書 API 接入流程
需在飛書開放平台創建應用並開通 docx:document:readonly 等權限，獲取 App ID 填入插件。
「榨乾」官方插件：引入 AI 解釋器
Obsidian Web Clipper 不只是搬運工，透過自定義「解釋器」（Interpreter），你可以直接在剪存時調用 AI 模型（如 Gemini 或 GPT）對內容進行加工。
此外，善用「模板觸發器」可以讓插件根據網址自動切換配置。例如偵測到 youtube.com 就自動切換至視頻模板，省去手動調整的繁瑣步驟。
中文環境增強：B 站與飛書的完美適配
原版插件對中文生態支持有限，特別是 B 站視頻和飛書文檔。中文增強版 obsidian-clipper-cn 解決了這些痛點。
B 站支持：提取視頻簡介、章節、字幕，並支持點擊時間戳跳轉播放。
飛書支持：透過 API 獲取動態渲染的文檔內容，解決傳統 DOM 解析不完整的遺漏問題。
- docx:document:readonly (讀取文檔)
- wiki:node:read (讀取知識庫節點)
- 獲取 App ID & App Secret 填入插件設置高效工作流：從閲讀到內化
最推薦的玩法是結合「沉浸式翻譯」與 Web Clipper。在翻譯頁面直接喚起插件，可以同時獲取原文與譯文，這對於消化外語乾貨極其有效。
之前分享了 Karpathy 搭建 AI 知識庫的方法，其中簡單帶過了 Obsidian Web Clipper 這個剪存插件。
🔗：https://github.com/obsidianmd/obsidian-clipper
它本身非常好用，很多網頁內容甚至 YouTube 視頻字幕都能一鍵剪存到 Obsidian 中，我在知識星球裏就多次分享過。不過它對一些中文內容還不支持，於是我就給它做箇中文增強，現在支持B站視頻字幕+飛書文檔。
🔗：https://github.com/nextcaicai/obsidian-clipper-cn
這篇文章就是分享我是怎麼玩轉 Obsidian Web Clipper 的，分為兩部分：
如何“榨乾”原版 Obsidian Web Clipper ？
如何使用中文增強版 Obsidian Web Clipper ？
一、如何“榨乾”原版 Obsidian Web Clipper ？
Obsidian Web Clipper 是 Obsidian 官方推出的瀏覽器插件，可以讓你一鍵將網頁內容保存到 Obsidian 中。
比如我想保存 Anthropic 這篇乾貨博客，直接喚起 Obsidian Web Clipper 插件，就會看到博客的全部內容都已經在插件面板裏了，點擊“添加到 Obdsidian”，就可以一鍵添加到 Obsidian 知識庫中。
不只文本形態的網頁內容，它還可以一鍵獲取 YouTube 視頻裏的文字稿。
所有的內容，最終都會以 Markdown 格式保存下來。
Markdown 格式的文本內容，在 AI 時代幾乎就是硬通貨的存在，因為 AI 能無損理解，而且還能跨平台、保存還久。
而這些，還都只是這個插件的基操。
想要把 Obsidian Web Clipper 插件的價值最大化，那麼下面這幾個小技巧你們一定要試試。
技巧一：配置“解釋器”
目前大多數人都是用 Obsidian Web Clipper 的默認模板，也就是下圖，默認的屬性、筆記內容、筆記位置等，但它們其實都可以根據自己的剪藏和閲讀需求做自定義；
在這些自定義選項中，“解釋器”最值得用起來。簡單來說，它可以給 Obsidian Web Clipper 引入 AI 能力，然後通過自然語言和網頁交互。
這麼說可能還是有點抽象，舉個例子，我們可以直接在筆記內容中添加這麼一個變量：
{{"用簡體中文總結和提煉這篇文章的核心內容。請用 Why How What 結構告訴讀者這篇文章為什麼值得讀，風格類似作家 Paul Graham"}}
這樣我們就可以先獲取文章或視頻的 AI 總結，再根據 AI 總結的內容決定是否要剪存到 Obsidian 中。
這裏簡單介紹下“變量”這個編程概念。
大家平時應該都會填一些申請表時，比如表上面寫着：
姓名：
__________電話：
__________
這裏的“姓名”和“電話”就是變量。
我填的時候，“姓名”變量的值就是“Next蔡蔡”。
馬斯克填的時候，“姓名”變量的值就是“馬斯克”。
變量定義了數據的類型（這裏該填名字），而具體填什麼取決於使用者。
回到 Obsidian Web Clipper 的語境，當你寫下 {{ "用簡體中文總結和提煉這篇文章的核心內容" }} 時，你就創建了一個解釋器變量。它和普通變量的區別是這樣的：
普通變量： 比如
{{title}}，插件直接從網頁代碼裏“摳”出標題給你，不帶腦子。解釋器變量： 插件把網頁內容發給 AI，AI 讀懂後，把計算/思考後的結果填回這個位置。
有了解釋器後， Obsidian Web Clipper 就不只是剪存網頁內容，還可以用在翻譯、提取特定文本片段、格式轉換等場景，只要我們能用自然語言描述清楚就可以實現。
那它具體該怎麼配置呢？也不復雜
點擊 Obsidian Web Clipper 插件面板右上角的“設置”icon，在打開的“設置”頁面中選擇“解釋器”；
點擊“啓用解釋器”；
點擊“+添加提供商”，可以在內置的模型提供商中選擇，也支持自定義；
確定模型提供商後，就可以選擇模型了。我在實測對比國內外多個模型後，最終選擇了Gemini-3-Flash，因為快且準。要是選大模型的話，處理時間會拉長不少
技巧二：設置模板觸發條件
如果你設置了不同的自定模板，那這個技巧一定要用上。
在“編輯模板”配置頁面頂部，有個“模板觸發器”讓你配置 URL。怎麼用呢？
舉個例子，你有視頻、公眾號文章兩個模板。
就可以給視頻模板配置上這兩條 URL：
https://www.youtube.com/watch
https://www.bilibili.com/video
給公眾號文章配置上這條 URL：
https://mp.weixin.qq.com/s這樣當你在 YouTube 視頻或 B 站視頻頁面打開插件時，插件面板默認打開的就是視頻模板，公眾號頁面同理。省去來回切換的麻煩。
技巧三：高亮文本
當你在閲讀博客或者視頻文字稿的過程中，看到一些讓自己很驚喜或受啓發的內容，可以點擊插件的“高亮”功能，這樣你就可以直接劃重點，而不用跳出當前網頁。
所有高亮的文本，最後都會同步到 Obsidian 文檔中，你就不用二次整理了。
技巧四：沉浸式翻譯 + Obsidian Web Clipper
如果你平常很習慣用沉浸式翻譯做頁面翻譯，那麼月可以不用在 Obsidian Web Clipper 中單獨配置一個翻譯解釋器，而是在沉浸式翻譯的頁面直接打開 Obsidian Web Clipper。
然後你就會發現，Obsidian Web Clipper 是可以將同時獲取原文和翻譯的。
二、如何使用中文增強版 Obsidian Web Clipper ？
用好前面幾個技巧，基本能把原版 Obsidian Web Clipper 的價值挖掘到 70-80%。
但如果你平常還需要經常和 B 站視頻、飛書文檔打交道，那麼原版就不夠用了，因為它不支持 B 站視頻文字稿和飛書文檔的處理。
那麼大家可以使用這個中文內容增強的插件：obsidian-clipper-cn，它既有原版插件的所有能力，還額外支持 B 站視頻和飛書文檔：
🔗：https://github.com/nextcaicai/obsidian-clipper-cn
B 站視頻支持
obsidian-clipper-cn 對 B 站視頻的支持體驗，和官方的 YouTube 集成基本保持一致，包括：
內容提取 — 從視頻頁面提取視頻簡介、章節和字幕
視頻嵌入 — 在 Reader Mode 中嵌入 Bilibili 播放器，支持置頂固定
時間戳點擊跳轉 — 點擊任意字幕或章節的時間戳，視頻跳轉到對應時間
自動滾動 — 播放過程中自動滾動字幕，跟隨播放進度
高亮當前行 — 播放時高亮顯示當前字幕行
可以搭配前面提到的解釋器技巧一起用，效果更佳。
飛書文檔支持
原版 Obsidian Web Clipper 插件是通過通用 DOM 解析提取飛書文檔內容，但會因為飛書的動態渲染機制導致內容不完整。
obsidian-clipper-cn 通過接入飛書開放平台 API，通過結構化接口完整獲取文檔內容。
不過目前有個不足，無法獲取文檔圖片，後續我再看看這個問題能否解決。
使用 obsidian-clipper-cn 插件獲取飛書文檔的方法也不難：
前往飛書開放平台（https://open.feishu.cn/app）創建一個自建應用，如果你們之前有把龍蝦接入過飛書，那應該會很熟悉下面整個流程；
接着給應用開通以下權限：
docx:document:readonly、wiki:node:read，開通完記得要啓用應用才能推進後續步驟；
接着你就可以在“憑證與基礎信息”這裏獲取應用的 App ID 和 App Secret（官方文檔有非常詳細的介紹>>>https://open.feishu.cn/document/server-docs/api-call-guide/calling-process/get-access-token#63c75bdc，這裏就不贅述了）
最後，打開 obsidian-clipper-cn 插件，點擊右上角“設置” ，在打開的“設置-常規”頁面底部找到“飛書 / Lark”模塊，填入前面獲取到的 App ID 和 App Secret
隱私說明：App ID 和 App Secret 僅保存在你本地瀏覽器的存儲中（
browser.storage.local），不會上傳到任何服務器。
大家可能會有疑問，我為什麼不把這兩個渠道支持合併到原項目中。
其實我一開始有試過在官方項目中提了 PR 合併，不過沒通過。Obsidian CEO 駁回的理由是：Obisidian Web Clipper 只處理從 Defuddle 處理後的內容。
後來我就想着在 Defuddle 項目上提 PR，但由於沒法在本地驗證自己的 PR 在 Defuddle 的真實服務器中是否成功，所以最後沒提交，而是基於 Obisidian Web Clipper 做了箇中文內容增強的插件，也就是大家現在看到的 obsidian-clipper-cn。
🔗：https://github.com/nextcaicai/obsidian-clipper-cn
歡迎大家體驗，中間如果遇到一些體驗上或功能上的不足，可以提 Issues，或者直接在這裏留言反饋。
**聲明：該插件已開源，僅用於學習，勿作他用。