工具 | 教你用Notion製作3種網頁「剪貼本」

更新於 發佈於 閱讀時間約 8 分鐘
Notion是免費的雲端筆記服務,提供多元的模板,使用者能用豐富的排版呈現自己的筆記。可以用網頁瀏覽、也有電腦、手機的軟體可使用。
Notion的功能拿來蒐集網頁、建立自己的網頁剪貼本/收集冊,是非常方便的工具!
今天就介紹如何利用Notion提供的「web clipper(網頁剪取)」工具,建立3種不同的剪報格式:
左:圖片型剪貼本。右:列表型剪貼本。
  1. 圖片型剪貼本:
    上方左圖是圖片型的模版,很適合拿來蒐集、比較大量商品。
  2. 列表型剪貼本:
    上方右圖則是列表型的模版,可以一眼看到所有網頁的標題、網址,還能加上分類標籤、文字附註,非常適合用來建立屬於自己的網路文章資料庫。
  3. 合併多本剪貼本:
    除了上述兩種呈現方式,Notion還能將不同類型的模版合併在同一頁同時呈現,適合建立超大型的資料庫。
今天的文章會分成4個段落:
  • 事前準備
  • 圖片型剪貼本
  • 列表型剪貼本
  • 合併顯示剪貼本
那就直接進入第一段吧!

0. 事前準備

步驟1:
在「剪報」前,需要安裝剪取工具在你的網頁瀏覽器上。
Notion支援剪取網頁的瀏覽器有ChromeFirefox,點選連結即可下載安裝。
手機則是安裝Notion App - AndroidiOS就可以使用。
步驟2:瀏覽器登入
安裝剪取工具後,你會在瀏覽器的右上角看到Notion的圖示,
點擊圖示後,註冊新帳號、或用自己的帳號登入,事前準備就完成囉!
安裝後點選圖示、登入帳號
附註:如果是手機App,下載完點開App註冊或登入後,就完成準備了。

1. 圖片型剪貼本

這個形式的剪貼本,可以同時看到每個網頁上的圖片,又保留了原本的網址。
我喜歡用這個樣式,蒐集比較我想要買的商品。方便一目了然看到所有圖片。
圖片剪貼本適合蒐集想買的商品

1-1. 建立剪貼本(頁面)

步驟1:
如果你首次使用Notion,左方的「頁面清單」會有很多教學頁。
這邊不多作介紹,直接點擊頁面清單下的「add a page」選項,新增一個頁面。
步驟1:選擇左手邊的「Add a page」來新增頁面
步驟2:
新增頁面以後,在頁面上方命名後,點擊下方的「Gallery」,就會形成圖片範本。
步驟2:命名後,選擇「Gallery」這個圖片範本
步驟3:
Gallery範本建立後,預設會有3個子頁面作為範例。
點擊每個頁面的右上角「...」→選擇「delete」,即可刪除範例頁面。
將3個範例頁面清空後,作為剪貼本的頁面就準備好啦!
步驟3:選「...」後,再按下「Delete」就可以刪除不要的頁面

1-2. 剪貼網站

開始逛網站尋找靈感囉。
電腦瀏覽器:
看到喜歡的網站,就點右上角的Notion圖示。
點圖示以後,最上方會是網頁的名稱,可以將它改成方便辨識的標題。
「Add To」是要把這個網頁剪到哪,要選擇剪貼本的頁面「01.盆栽剪貼本」
剪貼網站:點選圖示後、修改名稱、選擇剪貼本,再存檔就完成囉
附註:剛在Notion新增剪貼本,清單內可能會找不到這頁,重開瀏覽器就好囉!
手機瀏覽器:
在手機看到適合的網頁後,先找到瀏覽器的「分享」選項。
接著選「Notion」,再來修改標題、選擇剪貼本以後,送出或存檔就完成了!
手機剪貼的方式,則是從分享裡面找到Notion,就可以剪貼網頁囉

1-3. 整理剪貼本

剪了幾頁後,回到Notion就可以看到剛剛剪取的網站圖片。
如果是剪完立刻回Notion看,可能還是空白,等一下就有圖了!
剪貼網站再回到Notion,剪貼就完成了
想調整順序的話,拖曳圖片就可以了。
如果想要瀏覽原本的網站,點擊圖片,在跳出的彈窗內就能看到網址囉!
要瀏覽網站,點擊圖片後就可以看到網址

2. 列表型剪貼本

列表型的剪貼本,我是拿來蒐集網路文章用的。
我的使用方法是:看到好文章先存起來,這時候只有文章名稱網址
等我看完文章後,不喜歡的會刪除,喜歡的則會加上標籤跟附註,所以列表中還沒有加上標籤的,就是我還沒看的文章。
列表型剪貼本適合蒐集網路文章

2-1. 建立剪貼本(頁面)

步驟1:
一樣是去左方頁面清單選取「add a page」來新增一個介面。
步驟2:
這次新增介面後,要選擇的是下方「Table」的選項。
步驟1、步驟2:「Add a page」後,命名,再選擇「Table」
步驟3:
一開始也會有3頁空白範本,選前方的點點選單後,按下「Delete」就可以刪除囉!
步驟3:按下點點以後,選「Delete」就能刪除

2-2. 剪貼網站

剪貼網站的步驟跟1-2.一樣,但要記得選取這次的剪貼本「02.網路文章剪貼本」
剪貼網站的方法都一樣,但要記得選對剪貼簿

2-3. 整理剪貼本

剪貼完文章後,回到Notion。可以看到第一欄是文章標題,最後一欄是文章網址。
接著,我想幫表格修改標題加上標籤以及寫附註
步驟1:修改表格標題
這個表格的每個欄位都可以改名,只需要點名字就能修改囉。
步驟1:點欄位標題就可以改名字了
步驟2:加上文章標籤
第二欄是標籤欄位,點選標籤的格子就可以用打字的方式幫文章增加標籤。
步驟2:點選格子以後直接輸入,就可以新增標籤了
步驟3:增加附註
表格第三欄,本來是Files,增加附件的欄位,我想將他改成寫附註的欄位
所以先點選Files這欄、將滑鼠移到「Files & media」、最後選取「Text」。
這樣就把附檔的欄位改為可寫文字的欄位了。
步驟3:點Files的欄位以後,滑鼠移到Files,再選Text,就改成文字欄了
最後,如果要新增其他欄位,移到表格最右邊,選擇「+」就可以新增囉。
在表格的最右邊,按下「+」就能新增更多欄位

3. 合併顯示兩本剪貼本

前兩段示範了2種我很喜歡的剪貼方式。
但如果我有N本剪貼本,又懶得一個一個點開看呢?
在Notion是可以把他們合併顯示在同一頁,但又保留各別樣式的!
用前2個範例繼續介紹吧。
剪貼本太多,也可以合併顯示在同一頁

3-1. 移入盆栽剪貼本

步驟1:建立合併頁面
首先一樣是「Add a page」、幫頁面命名。
步驟1:先「Add a page」,再命名
步驟2:將盆栽剪貼本移入
接著,將左邊的「01.盆栽剪貼本」拖曳進這個頁面。
步驟2:從左邊拖曳頁面進來
步驟3:將盆栽剪貼本叫出來
對盆栽剪貼本按右鍵,選「Turn into inline」。
步驟3:對著這個頁面按右鍵,再選「Turn into inline」
噹啷!我們就把盆栽剪貼本變成這頁的一小部分了。
盆栽剪貼本變成一個子頁面了

3-2. 移入網路文章剪貼本

接下來移入第二本的方式就都一樣囉!
先拖曳頁面進來、在頁面上按右鍵、選「Turn into inline」就好囉。
先拖曳頁面、再對著這一頁按下右鍵、最後選「Turn into inline」就可以了
這樣一來,兩個頁面就都成功的合併在同一頁啦!
未來剪貼網頁時,只要記得「Add to」的選項有選對剪貼本,就會歸類到各別不一樣的剪貼本囉!
合併完的剪貼本

3-3. 進階技巧:把圖片剪貼本換成表格

盆栽剪貼本也可以換成表格顯示
圖片剪貼本蒐集越來越長,看膩了圖片的話,也可以直接轉換成表格。
步驟是,先選剪貼本標題旁的「Add a view」,接著勾選「Table」的選項,最後按下「Create」就可以了。
選擇標題旁的「Add a view」,接著勾選「Table」,再按下「Create」就行囉
這樣一來,圖片剪貼本就會變成表格形式了。
如果想要切換回來,一樣點選剪貼本標題旁的「Untitled view」,再選擇「Gallery view」就可以變回來囉!
選擇標題旁的「Untitled view」,就可以切換了

不知道這篇教學有沒有讓你對Notion比較感興趣呢?
如果有看不懂的地方,歡迎留言給我,讓我有機會改進這篇文章。
又如果,你想用Notion作其他的筆記用途、卻不知道要如何建立,也歡迎告訴我,我很樂意再寫其他主題介紹Notion:)
附註:如果你想知道Notion的基本操作,我非常推薦Mr.K寫的Notion教學喔!
為什麼會看到廣告
avatar-img
43會員
21內容數
有些事情,不想大聲地在社群媒體上推送給朋友。 找個小角落,寫給有緣人看
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Elisa的角落 的其他內容
《從未來寫回來的逆算手帳》,是「設定人生目標、往目標前進」的書。像是航海者手上的指南針跟地圖,幫助自己航向新大陸。 本書特點: 1. 先設定終點、再前進,可以有效率的制定計畫。 2. 提供很多思考架構協助讀者找出目標。 3. 點出很多設定目標的盲點跟調整方法。
《子彈思考整理術》是一本關於「如何做筆記,幫自己專注在最重要的事情上」的書。 透過這本書,我學會創造適合自己的筆記。 半年過去了,我天天都隨身帶著筆記本,紀錄生活、釐清思緒! 也因為這樣,我想用今天這篇文章,介紹這本書的基礎概念,希望能鼓勵更多人使用筆記、讓生活更好!
《從未來寫回來的逆算手帳》,是「設定人生目標、往目標前進」的書。像是航海者手上的指南針跟地圖,幫助自己航向新大陸。 本書特點: 1. 先設定終點、再前進,可以有效率的制定計畫。 2. 提供很多思考架構協助讀者找出目標。 3. 點出很多設定目標的盲點跟調整方法。
《子彈思考整理術》是一本關於「如何做筆記,幫自己專注在最重要的事情上」的書。 透過這本書,我學會創造適合自己的筆記。 半年過去了,我天天都隨身帶著筆記本,紀錄生活、釐清思緒! 也因為這樣,我想用今天這篇文章,介紹這本書的基礎概念,希望能鼓勵更多人使用筆記、讓生活更好!
你可能也想看
Google News 追蹤
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
Notion 是一款集合筆記、任務管理、知識庫和數據庫於一身的多功能工具。它提供靈活的頁面結構和多種模板,讓用戶根據需求自定義工作空間。不論是個人還是團隊,都能用 Notion 提高工作效率和管理信息。
Thumbnail
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
我發現很多人在使用 Notion 的一個煩惱跟痛點是因為自由度太高, 所以很容易找不到建立的頁面隨著新增功能側邊欄越來越長 其實 Notion 根本可以不用手動整理他呀! 你只需要在每個頁面新增一個快速跨頁面自動目錄
Thumbnail
近日有些夥伴在詢問我要如何使用 Notion 的多工畫面以及分享頁面的相關設置等等,因此今天就來導覽一下 Notion 介面以及我認為有哪些必做的設定調整,當然免不了還有滿滿的快捷鍵教學,請大家一定要看到最後,才不會錯過!
Thumbnail
你有在使用卡片和筆記系統嗎?這是一種強調有效連結和處理知識的知識管理系統 因為Notion沒有視覺化的連結與白板,所以其實我曾經嘗試過使用其他軟體 最後還是回來Notion 加上自動編號之後,目前這個模板讓我寫作輸出的時候輕鬆很多 只需要專注地寫下所有想法跟收集來的摘要,最後簡單排序就能組成文章了!
Thumbnail
身為學生的你可能還在觀望要不要學 Notion,聽說很難但是好像功能又非常強大。今天就讓我用 5 分鐘告訴你你適不適合用 Notion,以及它的強大之處。
Thumbnail
Notion Calendar 的基本資訊,以及一些常用功能。
Thumbnail
Notion目前還沒有中文版,加上自由度高,一開始真的不知道要怎麼使用,也很難感受到他到底好用在哪?所以我整理了輕鬆開始的簡單的三步驟,照著這個順序開始,就能少走歪路,順利將Notion應用在工作生活上,變成你的得力助手!
Thumbnail
新年新開始,不知道大家都用什麼方式來整理每天的代辦事項呢? 手帳本?手機備忘錄?日程管理APP? 或是和我一樣使用Notion來進行計畫呢 (๑•̀ㅂ•́)و✧ 這篇想分享我愛用的Notion月/日計畫模板,在經過2-3年的磨合之後,慢慢調整到了順手又喜歡的模樣,將會介紹三種模板,可以從旁
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
Notion 是一款集合筆記、任務管理、知識庫和數據庫於一身的多功能工具。它提供靈活的頁面結構和多種模板,讓用戶根據需求自定義工作空間。不論是個人還是團隊,都能用 Notion 提高工作效率和管理信息。
Thumbnail
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
我發現很多人在使用 Notion 的一個煩惱跟痛點是因為自由度太高, 所以很容易找不到建立的頁面隨著新增功能側邊欄越來越長 其實 Notion 根本可以不用手動整理他呀! 你只需要在每個頁面新增一個快速跨頁面自動目錄
Thumbnail
近日有些夥伴在詢問我要如何使用 Notion 的多工畫面以及分享頁面的相關設置等等,因此今天就來導覽一下 Notion 介面以及我認為有哪些必做的設定調整,當然免不了還有滿滿的快捷鍵教學,請大家一定要看到最後,才不會錯過!
Thumbnail
你有在使用卡片和筆記系統嗎?這是一種強調有效連結和處理知識的知識管理系統 因為Notion沒有視覺化的連結與白板,所以其實我曾經嘗試過使用其他軟體 最後還是回來Notion 加上自動編號之後,目前這個模板讓我寫作輸出的時候輕鬆很多 只需要專注地寫下所有想法跟收集來的摘要,最後簡單排序就能組成文章了!
Thumbnail
身為學生的你可能還在觀望要不要學 Notion,聽說很難但是好像功能又非常強大。今天就讓我用 5 分鐘告訴你你適不適合用 Notion,以及它的強大之處。
Thumbnail
Notion Calendar 的基本資訊,以及一些常用功能。
Thumbnail
Notion目前還沒有中文版,加上自由度高,一開始真的不知道要怎麼使用,也很難感受到他到底好用在哪?所以我整理了輕鬆開始的簡單的三步驟,照著這個順序開始,就能少走歪路,順利將Notion應用在工作生活上,變成你的得力助手!
Thumbnail
新年新開始,不知道大家都用什麼方式來整理每天的代辦事項呢? 手帳本?手機備忘錄?日程管理APP? 或是和我一樣使用Notion來進行計畫呢 (๑•̀ㅂ•́)و✧ 這篇想分享我愛用的Notion月/日計畫模板,在經過2-3年的磨合之後,慢慢調整到了順手又喜歡的模樣,將會介紹三種模板,可以從旁