Obs170|Obsidian的官方網頁擷取工具:Obsidian Web Clipper;設定與使用
大家好,Obsidian官方的網頁擷取工具
或者是稱作網頁剪藏工具
它的名稱叫做Obsidian Web Clipper
它的功能已經越來越成熟了
在今天的影片裏面就簡單的來介紹一下
它的設定跟它的使用的方法
只要將它安裝起來以後
它就會顯示在瀏覽器的工具列裏面
到時候點擊了圖示就能夠來擷取網頁的內容了
同時Web Clipper它也提供了模板的功能
能夠根據自己的需要來產生出需要擷取的內容
可以說它的這一些功能
其實會比一般的擷取工具還來得方便
以下就先來看一下它的一些基本功能
先來看一下它的安裝的方法
只要到官方網站的Clipper網頁
https://obsidian.md/clipper這個網站
也就可以到對應的瀏覽器的應用程式商店
下載到瀏覽器的擴充
下面我就用Chrome來做一個展示
首先就到Chrome線上應用程式商店
找到Obsidian Web Clipper
再點擊【加到Chrome】
然後點擊【新增擴充功能】
安裝好以後它就會加到瀏覽器的擴充裏面了
但是這個時候在工具列並不會出現它的圖示
因此要進入擴充功能的設定面板
找到這個擴充,找到這個擴充以後
記得把它給固定在工具列上
因此我們就點擊了圖釘的圖示
點擊好以後它纔會出現在工具列上面
當它出現在工具列之後
就可以直接對它來做操作了
例如到了一個要擷取內容的網頁之後
點擊它,它會彈出一個新的面板
這個面板裏面會出現網頁的標題
還有要加到Obsidian裏面所有的properties
這些都是預設在模板裏面的
它的內容會顯示在下面這個框框裏面
如果你檢視了以後沒有需要做額外設定的話
就直接點擊【Add to Obsidian】
這個時候建議大家先把Obsidian先開啓起來
這個時候Obsidian是在開啓狀態
這個時候再點擊【Add to Obsidian】
這個地方我們必須要允許
這樣子它纔會自動的把內容給直接貼入Obsidian
並且會開啓出這個筆記
現在在這個Obsidian裏面
它已經根據模板的設定
把這一些properties都產生好了
網址也會產生在source這個欄位裏面
然後title就是網頁的標題
還有它的預設的標籤是clippings
然後下面就是擷取出來的所有的內容
各位可以看到它其實擷取的內容相當的完整
而且是標準的Markdown的格式
透過這樣子的方法
就可以把需要的內容產生到Obsidian裏面
並且直接就轉換成Markdown的格式了
這樣子對於需要參考的網頁就可以將它收藏起來了
Web Clipper它比較方便的功能
就是它能夠依據自己的需要來設定模板
預設的模板名稱叫做Default
Default的模板基本上有6個YAML的Property
可以讓我們來做設定
有標題、來源、作者、創建、描述跟標籤
假如你有不同的特性要增加的話
最簡單的方法就是新增一個新的模板
然後把自己需要的Property給加進來
然後筆記的內容就是這個Note content裏面
它是使用變數的方法來呈現的
大家也可以看到這所有的特性
都是使用變數的方法直接做擷取
新的模板設定的方法也很簡單
我來展示一次給大家看
在工具列上面找到Web Clipper的圖示
點擊右鍵, 在右鍵上面就會有一個選項
點擊選項以後它就會開啓Web Clipper的設定畫面
在這個畫面裏面
就可以直接點擊【New template】
來產生一個新的模板
先來看一下這個Default模板
首先這個Template name就是模板的名稱
還有它的動作是要做什麼動作
它有下面這些動作
我們通常就是會使用這個【Create new note】
建立一個新的筆記
然後筆記的名稱就是使用{{title}}
筆記的名稱就是使用變數,也就是標題名稱
你的筆記要放在哪一個資料夾裏面
這個資料夾指的是儲存庫裏面的資料夾的名稱
它會自動建立一個Clippings資料夾
想要把它放到不同的資料夾的話
就是自己把這個名稱改掉就可以了
在這邊它會根據你的儲存庫
可以讓你選擇要放到哪一個儲存庫
當你有多個儲存庫的時候
就可以從這個下拉選單裏面
去選取不同的儲存庫的名稱
然後後面就是我們的Properties
可以根據自己的需要
自己再來新增需要的Properties
內容的部分就是這個變數{{content}}
要新加一個新的模板
就是直接點擊【New template】
就會產生出一個新的template
這個時候把它改成一個自己需要的名稱
比如說把它叫做My template 1
後面都使用預設值
在這個地方這個properties
就需要點擊【Add Property】來增加新的Property
在這個地方就是要輸入變數
這個變數可以從它的說明文件裏面
去找到完整的變數的清單
這個內容它預設就會使用{{content}}變數
因爲我的內容會希望我的標題等級1
就是網頁的標題
因此我就自己把它改成再加一個一級標題
加上{{title}}這個變數
到時候我產生出來的新的內容
就會帶有一級標題的整個內容
後面就把後面的幾個Property都新增完畢
最簡單的當然就是直接參考Default的設定方法
比照Default我們建立好了這幾個Property以後
就可以直接來使用My Template 1這一個模板了
由這個參考的網址
就可以找到所有預設的模板的變數
這些變數都可以使用在模板的設定裏面
有了這些變數以後就可以組合出自己需要的
不同的模板的內容了
可能很常用的會是author,表示這個網頁的作者
然後它的內容會放在content裏面
如果你不想要使用Markdown的格式
你可以把它指定成是contentHtml
它就會是使用HTML的格式
然後還有擷取的日期、擷取的時間等等
都可以根據這一些變數
來組合出自己需要的模板的內容
除了擷取網頁的完整內容以外
也可以啓用Highlights的這一個功能
只要擷取高亮的部分, 而不是整個網頁
來試一下這個高亮擷取的部分
找到要擷取內容的網頁以後
再點擊Web Clipper圖示
然後將它面板上面的倒數第二個圖示
給點擊一下來啓用它的Highlights的功能
啓動了以後各位可以看到
它上面就會出現【Select elements to Highlight】 顯示
這個時候就可以來選取需要的內容
假設我這一段文字需要變成是Highlights
然後選取好以後
它就會自動變成是Highlights的內容
然後接着再點擊其他的內容
這樣子我們就設定了幾個不同的內容了
這個時候Web Clipper的這一個面板的內容
可以來看一下... 它裏面就會只出現
我們剛剛擷取出來的這些內容
沒有問題了以後
我們就可以直接點擊這個【Add to Obsidian】
就可以將剛剛的Highlights的內容加到obsidian裏面
再點擊這個開啓
各位可以看到它新產生的筆記
就是隻有我們剛剛擷取的這些內容
這個就是所謂的Highlights的功能
當我們下一次再瀏覽到同一個內容的時候
原先我們設定好了這個高亮的內容
它一樣會自己會呈現出高亮的狀態
這個是Web Clipper這個擴充它很方便的一個功能
今天就是介紹了Obsidian Web Clipper
這一個瀏覽器擴充給大家
相信這一個擴充
可以對大家在做網頁擷取的時候
增加了一些方便的地方
但是請各位記得這個擷取的內容
如果你沒有再去理解它
並且對它做一些自己理解的內容的話
擷取的內容會隨着時間而逐漸被遺忘
這樣子就無法達到知識管理的更好的效果
因此建議大家還是比照卡片盒筆記法
對這個擷取的內容要做一些重點的摘錄
這樣子會對於將來的使用會有更大的幫忙
如果你覺得我介紹的Obsidian技巧
對於你在製作筆記上有幫助的話
請各位記得訂閱、按贊、分享
今天介紹到這邊,謝謝各位!