8.1 KiB
title, author, tags, date, time, description, source, published
| title | author | tags | date | time | description | source | published | |
|---|---|---|---|---|---|---|---|---|
| Obs170｜Obsidian的官方網頁擷取工具：Obsidian Web Clipper；設定與使用 – 簡睿隨筆 |
|
2025-01-06T15:10:41+08:00 | 2025-01-06T15:10:41+08:00 | https://jdev.tw/blog/8611/obsidian-web-clipper-for-browser-extension | 2024-11-24 |
==Obsidian官方的Web Clipper(網頁擷取/网页剪藏)越來越成熟了，今天來簡單介紹它的設定與使用。==
==到對應的下載位置安裝後，再將之顯示在工具列，就能隨時點擊圖示來擷取網頁內容了。==
==Obsidian Web Clipper提供了模板功能，可依需求設定好模板，讓擷取內容以模板樣式來產生。預設的模板 Default 已經能符合一般的操作了，但如果你有不同的需求的話，可以在擴充的選項設定裡用【New template】建立新的模板。==
1. 安裝
==到官方網站的clipper網頁Obsidian Web Clipper就能找到不同瀏覽器的下載網址，安裝後再將它顯示在工具列上就能開始使用了。==
==在正式使用之前先來做它的模板設定。==
2. 模板設定
==擷取的內容可以指定套用需要的模板。預設的Default模板主要設置了 6 個Property，本體內容(Note content)是{{content}}。
筆記存放位置在模板的【Note location】欄位設定。==
============================
============================
==因為我的筆記都是用Heading 1當做標題和檔名，因此我自訂了新的模板，修改了Note content:==
3. 模板變數
==點擊擴充右上角的 【•••】 就能查看所有模板變數，這些變數能使用在YAML的特性與筆記本體內容。==
- authhor: 網頁作者
- content: 網頁內容
- contentHtml: 網頁內容(HTML格式)
- fullHtml: 未處理過的網頁內容(HTML格式)
- date: 擷取日期
- time: 擷取日期待+時間
- description: 網頁描述
- domain: 網頁的網域
- image: 分享用的圖片網址
- published: 發佈日期，應該是Obsidian Publish服務要使用的
- site: 網站名稱(似乎就是 title 的值)
- title: 網頁的標題
- url: 網頁的網址
- highlights: 網頁標示為高亮的內容
- meta...: 網頁head區內的meta data(詮釋資料，後設資料，元資料)
- ==其他請參考 web-clipper variables==
==變數裡能再使用過濾器（filters），格式是{{variable|filter}}，請參考 web-clipper filters。==
4. Highlighter 高亮功能
==除了整頁的擷取，也可啟用高亮功能，啟用後擷取的選取文字會變成Note content，Add to Obsidian點擊後只存入高亮部份。日後再瀏覽此網頁時，高亮部份會自動呈現。==
5. 💡 相關鏈接
==💡 解說文章:
✅ GitHub: https://github.com/obsidianmd/obsidian-clipper
✅ Obsidian Web Clipper: https://obsidian.md/clipper
✅Chrome 線上應用程式商店 Obsidian Web Clipper: https://chromewebstore.google.com/detail/obsidian-web-clipper/cnjifjpddelmedmihgijeibhnjfabmlf (for Chrome, Brave, Edge, Arc, Orion, and other Chromium-based browsers)
✅ Firefox Addons: https://addons.mozilla.org/en-US/firefox/addon/web-clipper-obsidian/ (for Firefox, Firefox Mobile)
✅ Safari Extensions: https://apps.apple.com/us/app/obsidian-web-clipper/id6720708363 (for macOS, iOS, and iPad)==
6. 教學影片
==https://youtu.be/wA5UQ0lnGYA==
==＃＃==
您可能也會有興趣的類似文章
- Beastnotes：線上教學專用筆記工具 (0則留言, 2020/03/22)
- Burning Vocabulary: 學習語言的瀏覽器擴充 (0則留言, 2022/04/17)
- SingleFile瀏覽器擴充：萬物歸一！ (0則留言, 2020/12/05)
- [Obs＃49] 快速準確的擷取網頁生成Markdown備忘：Obsidian Clipper瀏覽器擴充 (8則留言, 2021/09/05)
- [Anki＃6] 日文學習：瀏覽器擴充Yomichan (2則留言, 2021/02/21)
- RSS閱讀器：瀏覽器擴充 Feedbro (2則留言, 2022/11/18)
- YiNote：YouTube教學的必備筆記利器 (0則留言, 2020/11/29)
- 摸蛤兼洗褲￮￮￮🐡🐟🐠￮￮￮上網衝浪順便學英文：BlueSea瀏覽器擴充 (0則留言, 2020/12/27)
- [Anki＃1] 用在線詞典助手(瀏覽器擴充)學會Anki的基本觀念 (2則留言, 2020/12/19)
- 沙拉查詢：超方便的多字典整合翻譯擴充，滑鼠選字後顯示十多個字典的翻譯 (0則留言, 2020/12/06)
- [Obs＃105] Obsidian外掛 Local REST API 提供外部整合服務 (0則留言, 2022/11/06)
- Obs166｜捲土重來的Obsidian Note From Template終於修正小瑕疪而能正確運行了！推薦使用！ (0則留言, 2024/08/25)
- Obs126｜Obsidian 2023/04 7個新外掛介紹與評析 (0則留言, 2023/04/29)
- Obs＃117 | Obsidian表格攻略與表格就地編輯外掛：Table Enhancer (0則留言, 2023/03/19)
- Obs160｜Obsidian試算表外掛2024年新選擇：Univer、Sheet Plus (2則留言, 2024/06/30)