最後更新時間: 2023 年 06 月 01 日
嗨大家好,我是老K,是一名數位工具的研究者,也是 Notion 的線上課程講師。
本篇文章要來談談一款非常萬用、使用方式非常自由的筆記軟體、生產力工具 – Notion,並以最完整的 Notion 基礎案例實作來帶大家上手。
本篇會直接用案例帶你入門,讓你掌握基本的區塊、頁面、資料庫使用方式,盡可能讓你無痛上手。
以下會從 Notion 的功能開始介紹,並提供大家快速上手懶人包、紮實基礎教學,對 Notion 這款筆記軟體有興趣的朋友收藏此篇文章,並且繼續看下去。
本篇文章在 2019 年初次撰寫,而到了 2021 年我開設了 Notion 課程之後,整個應用案例的經驗累積得又更豐富了!
最近(2023/1/10)有計劃要慢慢翻新這篇文章,不過因為篇幅非常長,你將會看到內容慢慢的更新成最新版的 Notion 教學。
如果你對於學習更多 Notion 內容感興趣,也歡迎訂閱【Notion 主題週報】,每週一獲得最新的 Notion 更新、國內外的應用案例講解。
—— 領先時代創辦人 老K
文章內容很豐富但也很長,大家可以善用目錄,找到自己需要的部分去觀看學習哦!

【Notion 實戰課程:打造專屬數位工作術(限時優惠碼領取!)】
我&雷蒙三十共同籌備了一個 Notion 線上課程,已經超過 9700+ 位學員!
透過四大情境:時間管理、知識管理、團隊協作、個人作品集,帶你一起從實作中練習 Notion!上完這堂課程,你就能運用 Notion 打造出自己的一套個人管理系統,優化你的人生 💪🏻
「期間限定八折折扣碼,趁優惠結束前報名吧!」
📌 八折折扣碼:NOTION202306(可使用~ 6/30 23:59)
🗣 課程介紹:https://hahow.in/cr/notion-hahow
❓ 如何使用折扣碼:如何使用我的折扣折抵課程費用 | Hahow 好學校|常見問題
如果你想更深入的學會 Notion,打造出自己的人生系統,也歡迎參考「Notion 線上訓練營」,現在正在早鳥優惠報名中哦!
Notion 概覽
Notion是什麼?
Notion 是一款非常強大的筆記軟體,或者我會稱它為生產力工具,因為它能做的遠遠不只是「做筆記」這件事。
Notion 支援多平台使用(Windows / MacOS、IOS / Anrdoid)與線上資料同步,自由度高但學習曲線較陡,因此這篇文章就是要帶大家一起來認識 Notion,並帶大家透過幾個應用範例來快速上手、開始使用。
Notion 的特色有以下幾點:
- 操作靈活自由:Notion 以 Markdown 語法(一種能用語法套用文字樣式的快捷使用方式)為基礎,並且以 Block 區塊為單位,可以讓使用者自由重組排列各種型態的區塊,來實現自己想要的筆記排版。
- 多種不同型態的 Block 區塊可使用:Block 區塊是 Notion 的基本單位,而他的型態有支援一般型態(標題、清單、註記、連結等)、媒體型態(圖片、影片、音訊、程式碼、檔案上傳)等,也可嵌入像是 Google Drive、Google Map、Tweet、Zoom 等社群平台的相關連結,使用上非常自由、豐富。
- 有網頁擷取功能:能夠透過瀏覽器插件(官方:Notion Web Clipper,第三方:Save to Notion),快速將自己想要紀錄的網頁擷取到 Notion 中紀錄。
- 針對程式碼不同語言有優化:這是對工程師非常友善的功能,Notion 中的程式碼區塊有對各類程式語言進行樣式、排版優化,對工程師想要紀錄程式碼來說是個超實用功能。(我剛好過往也是工程師,對這功能有感!)
- 提供模板 Template:Notion 官方有提供很多很方便可以使用的模板可以直接套用。而大家也也可以在自己使用出心得之後,將你的頁面、系統製作成模板分享給其他需要的朋友。
- 集多種使用方式於一身:基於 Notion 靈活的操作模式,Notion 可以運用在像是個人待辦事項管理、課堂筆記撰寫、團隊專案管理、團隊協作及知識庫等不同的用途與領域,不管是工作用、生活紀錄用,或是對外展示都很適合。
過往我曾經使用過 Trello 做工作上專案的進度管理、用 Google Keep 來記錄筆記並在電腦跟手機之間同步。
而比較簡單的一些靈感,我則是用 Mac 內建的備忘錄來記錄,若需要與團隊一起共編內容,就得轉換到 Google Doc 線上文件來跟同學、同事或創業夥伴做線上共同編輯。
以上這麼多的應用程式,就在我開始使用了 Notion 以後整合到同一個 Notion 工作空間裡了!
Notion 不僅可以做出跟 Trello 一樣的進度管理模板(看板形式的資料庫),本身也支援將資料在電腦、手機之間同步編輯。
你除了可以應用側邊欄、資料庫將各個 Notion 頁面進行歸類、打造框架之外,甚至若需要也可以直接透過分享功能,以網址的型態將你做好的筆記、頁面或系統分享給朋友直接查看,甚至進行線上共編。

其實還有很多功能是上面沒有提到的,我會在接下來的文章慢慢帶大家一起探討 Notion 這個強大的生產力工具!
什麼樣的人適合使用 Notion?
學生
學生們平常都蠻會需要記錄自己的上課筆記、學習歷程、或是一些讀書心得的。
我從在就讀碩士得時候,自己就建立了一個論文管理頁面,利用各種資料庫存放我閱讀過的 Paper 、閱讀心得及重點整理,在回顧複習時非常方便。
因此就我個人的經驗,我非常推薦學生們可以嘗試一下 Notion 這款強大的筆記軟體,相信一定可以幫助到學生將自己課內課外所學記錄起來!
Notion 現在用學術單位的信箱註冊,就可以免費使用 Notion 個人付費版(Plus Plan),各位在學同學與教職員們一定要把握機會!
在學習的當下一定要將學習心得跟重點摘要記錄,否則過了幾年後你一定都全部還給老師!
— 老K
工程師
我過往也曾經是一名自由接案的軟體工程師(現在是全職自媒體經營者、專職講師了)。
我常使用 Notion 規劃工作的進度、記錄每個專案的進行狀態、以及將專案遇到的技術問題、解決問題的網頁資源透過瀏覽器插件,儲存成屬於我的一個知識庫。
我非常推薦工程師可以用這套軟體來記錄自己的筆記,況且工程師們一定都跟我一樣每天都是使用電腦來管理生活或工作上的大小事情,用這套軟體來自己整理自己的生活與工作非常的方便!
Notion 可以很輕鬆的將做出的筆記頁面以公開分享功能(Public Share),直接變成一條網址分享給別人,或是整理成一個對外公開的作品、經驗展示網站,可以作為你工程師多年的經驗、技術能力與經歷證明!
— 老K
設計師
Notion 在他們自己的網站首頁有提到,他們是一款非常乾淨、具有設計感、能令人專注於使用的筆記程式。
而我自己體驗下來也覺得,Notion 是一款簡單有美感、操作流暢、並且編輯上也十分靈活的筆記軟體。
尤其是基於 Block 區塊的編輯模式,可以讓有設計師們自由設計出自己想要的筆記排版與模板,讓設計的專業完美展現在 Notion 中!
當設計的 Sense 變成類似強迫症(眼睛很挑xD)之後,你一定急迫想找到讓你順眼的筆記軟體吧!那就趕快試試看 Notion 吧,你真的不會後悔的~
— 老K
產品、專案經理
很多產品經理、專案經理都會使用像是 Trello、行事曆等來掌握自己的專案進程以及每日行程,而 Notion 中的資料庫模板也可以做到像是 Trello 一樣的專案看板,甚至還可以無痛切換成時間軸方便查看整體進度,或切換成表格型態方便編輯資料。
而針對不同的應用場景、切換不同檢視方式(View)這件事,在 Notion 中很輕易就可以辦到。在同一個資料庫中我們可以同時透過月曆或者其他的版面樣式,來查看同一個資料庫中的資料與事項,實在是非常方便!(到後面你就會慢慢懂我這邊表達的是什麼的~)
不過這邊要提到一點,果望雖然我大部分時間都是使用 Notion,但當時在資訊公司工作的我,也還是有同時還是有在使用 Trello。
Trello 已經是一個聞名多年的看板、進度管理工具了,很多時候為了與同事們共同使用或分享較方便,還是會選用較多人用的工具。就像 MacOS 使用者很多人在某些情況下還是會使用 Microsoft Office 來編輯文件或簡報一樣,當需要把檔案傳給用 Windows系統的同事就比較方便。
公司或團隊使用的數位工具不一定是由我們作主的。當我們打造產品過程中專案經理利用這些筆記軟體或工具,來幫助團隊的日常工作時,我們也只能盡可能選用整個團隊都能輕易上手的工具了。
(不過我目前也是很努力在把 Notion 帶入中文市場,希望不久之後能夠見到不管是新創團隊或是傳統公司,都因 Notion 而受益的那天!)
工具是用來幫助自己的日常生活、工作生活的,不要為了用而用,建議大家照自己的情況來選用這些生產力工具會更好哦!
— 老K
不過還是私心推薦大家可以試試看 Notion,多學一個工具,要用到時就有工具可以用了!
想整合自己到處分散的筆記的人
如果你不是上述提到的這些人,也不要就直接跳離這篇文章了!
Notion 我覺得很強大也是為什麼它會這麼紅的一點,就是因為它除了適合專業工作者來輔助處理專業事物之外,也是個非常適合一般人使用的筆記、生產力工具。
畢竟在現在這個資訊爆炸的網路世界裡,很多的資訊都是過眼就忘,甚至你認真去學習之後過一段時間還是會遺忘。
「大腦適合思考,但其實不適合用來記憶」,當我們有很多事情在日常中發生的時候,透過數位工具去輔助自己記錄、整理、歸納就非常重要。
日常生活中也有非常多時候會需要用到 Notion,例如你可以用來整理買東西的待買清單、記錄朋友的聯絡資訊,或者與朋友出遊時可以利用 Notion 來規劃行程,甚至你也可以整理你喜歡看的影劇影片來與你身邊的影劇好友們分享。
Notion 是一款整合性很高的筆記軟體,甚至還有提供可以從其他品牌的筆記軟體匯入筆記的功能。因此對於目前已經有透過一些筆記軟體來記錄日常生活或者工作事項的讀者們,我也非常推薦你們可以繼續閱讀此文,來學習如何使用 Notion 哦!
書到用時方恨少,好用的生產力工具到用時,才想起這篇文(?
— 老K
Notion 跟其他筆記軟體有什麼不同?
接下來將幫大家分析一下到底 Notion 這一款筆記/生產力工具,與其他市面上已經很多人在使用的筆記軟體有什麼樣的差別!
以下內容有些是我自己的使用心得,有些則是來自於網友們對 Notion 以及其他筆記軟體的評論與心得,有興趣的讀者可以繼續看下去!
EverNote
而 Notion 的目前的免費方案則是有全部的功能,如果是個人使用完全很夠用,免費版本只有在上傳檔案時有限制只能上傳 5 MB 以下的檔案,其他使用上都不會遇到什麼問題。
*如果是多人使用免費方案,則會有新增區塊數量的限制,這一點要注意哦!(多人定義:在同一個 Workspace 中加入多個 Memeber)
其實 Notion 的免費方案算是蠻佛心的,我也是用了幾個月之後,適應了 Notion 所有功能,才決定要付費長期使用的!
OneNote
OneNote 是微軟推出的一款筆記軟體,他跟其他筆記軟體不同在於,他是以筆記本為單位的用法。每一個不同的筆記本之間的目錄結構、內容是完全分開的。
這樣子的使用架構很適合記錄上課的筆記,針對每一個課程都開一個筆記本,把每次上課、不同種主題的筆記內容放在筆記本中的第二層資料夾,很容易可以搜尋到自己過去所記錄的主題內容。
而其實也正是因為這樣子筆記本的模式造成了某些方面的不方便,當我要把某一個筆記本內的下層分類筆記移動到另一本筆記本中,是非常麻煩的事情。
而 Notion 的自由排版、階層組合,解決了上述的問題。Notion 以 Blocks 區塊為單位,因此舉凡筆記、多媒體內容、甚至是一個個 Notion Pages 或資料庫都可以做為一個 Block 區塊放入另一個 Notion Page 中。
而我自己個人最遇到的狀況是,當我在瀏覽網站時,看到一個我想要記錄下來的網頁,我會先把他用 Notion 的網頁擷取工具(Save To Notion),放入 Notion 的某個頁面或資料庫中,等到有空時再來整理歸類到另一個筆記存放區。
如果使用 OneNote 就會很難從暫時存放的筆記本移入到整理分類後的筆記本中,而 Notion 只要很輕易的將區塊拖曳到整理分類後的頁面/資料庫就行了,實在是非常方便。
Trello
但 Notion 的強大功能不僅僅只有這樣,我們還可以透過切換資料庫不同的 View 來以表格(Table)、行事曆(Calendar)等不同的版面模式來觀看同樣的工作事項內容,實在是在 Trello 的好用功能上更上了一層樓。
不過話又說回來,從一兩年前到現在,Notion 似乎一直都沒有進行中文化。
版面跟功能上都還是透過英文顯示,而 Trello 的中文化剛好是我在大學時期某門課上,教導我怎麼使用 Trello 的張老師主導進行的。
因此我一直想像某一天應該也會有一名業界的大神跳出來說:我要把 Notion 中文化並且推廣到台灣的業界跟學術界,不過就現在來看,這件事情似乎還沒有跡象會發生,大家只能先忍忍使用英文介面的 Notion 囉!
Google Keep
Google Keep 可能不是所有人都會同意把他放入筆記軟體的清單內,但它恰巧是我之前有一陣子非常常在使用的其中一套記事軟體,因此把他也列入我的分析中。
它算是一款以便條紙為基礎設計的快速記事軟體,可以跨平台很方便的紀錄一些你的日常小事項,當作備忘錄使用等等。
Google Keep 是基於 Google 建立的一個雲端共享筆記軟體,我最初會選擇使用這款軟體有幾個原因:
- 不同作業系統間同步方便:我當時使用 Windows 電腦以及 iPhone,而 iPhone 的備忘錄沒辦法很方便的同步到 Windows 中。
- 功能簡單且剛好:Google Keep 裡面有提供簡單筆記功能或是直接選清單(型態比較類似TodoList ),直接 Cover 掉我兩個最常用的筆記功能。
- 便條紙樣式討人喜歡:有各種顏色可以設定,每個筆記都像是便條紙一樣可以隨意拖拉、釘選/取消釘選。
剛開始使用 Notion 時,我有些時候還是會開啟 Google Keep 來使用,原因主要是因為:
- Notion 速度優化不足:有時候我只是要記個小小的事項,打開IOS手機版 Notion 他大概就會 Load 個幾秒才出來,對我來說那幾秒非常非常強迫症呀!
- Google Keep 的釘選功能:Notion 對我來說像是一套大型的筆記軟體,而 Google Keep 比較偏向記事軟體,記錄一些暫時的事項,而這些暫時發生的事項有些重要的我就可以使用釘選功能讓他顯示在最上面,而已經過去不重要但還是想記錄的事項我就會取消釘選讓他下去((下去領五百!,這樣的功能我用得很習慣,相較於 Notion 的多階層多排版,Google Keep的功能雖單調但也直覺。
*目前狀況更新(2022/12/15):目前我幾乎已經完全沒有使用 Google Keep 了,而是使用 Apple 內建的備忘錄來紀錄臨時事項。目前 Notion 手機版本也更新得速度很快、操作介面也更流暢了,大推願意持續更新優化體驗的 Notion 官方團隊!
備忘錄(MacOS)
我想很多 Mac 使用者都會使用系統內建的「備忘錄」來記事吧,在我目前個人的使用習慣中,我使用 Notion 記錄大型筆記、備忘錄則適用來記錄我所有的靈感隨記。
而備忘錄我個人覺得跟 Notion 最大差別在於,備忘錄的筆記樣式雖可調整但是比較少,並且也不支援 Markdown 語法,但它開啟、紀錄方便,對與 Apple 裝置很多的使用者來講,他也可以超級無痛的透過 iCloud 帳戶同步到手機、電腦、平板。
目前我自己的使用情境分類是:備忘錄專門用來「紀錄靈感&雜事備忘」,而定期在電腦前再把這些隨記整理到「Notion」中,進行系統化的二次整理或篩選、刪除。

Google Doc 雲端文件
Notion 有提供分享功能,可以將自己的 Notion Page 以網頁的方式(不用自己架設伺服器)分享給別人做瀏覽,在別人的那邊看到的畫面就會是一個完整網頁的畫面,非常酷!
因此你在分享網頁時,可以依照對象的不同,而決定你是要以網頁的方式讓對方瀏覽,還是要開啟編輯模式,讓對方也能在 Notion 跟你共同編輯一份 Notion Page,使用方式上很豐富多元。
如果你不想透過網址分享,而 Notion 的免費方案也可以讓你利用「對方的 Notion Email」,把跟你一起協作的 Notion 使用者新增到某個 Page 中變成 Guest,這樣你就可以無痛與他一起協作、還不用額外支付方案費用了
(協作時還看的到對方的小頭像在某個區塊上動阿動的,很可愛XD)。
Notion 優缺點分析
總結上面各大筆記軟體的比較分析,以及我個人其他的使用心得,我幫大家統整出以下幾點 Notion 的優點/缺點提供給大家參考。
但軟體這種東西,使用起來順不順手見仁見智,建議大家還是可以去使用看看 Notion 免費方案,直接體驗 Notion 功能最準確了!
優點
- 集大成於一身,可以適用於大多數的筆記需求
- 以區塊為單位,可靈活移動、排版,創造屬於自己的筆記風格
- 雖然有豐富功能,但介面卻非常簡潔,讓人很專注的記錄想法
- 有資料庫的大型功能,可以把筆記弄的像知識庫一樣,在 Notion 中建立自己的知識網絡
- 有各種同的資料庫檢視可用:表格、看板、圖庫、時間軸、清單等(都包括在資料庫功能中)
- 針對不同的筆記類型都有做最佳化 ex.程式區塊。
- 擁有網頁擷取套件,而且不只是擷取連結,也能連內容一起擷取,非常方便
- 可直接將筆記分享成網頁(有網址),讓看的人操作更方便
- 可以幫每個 Page 設定 icon、背景圖,還可以自己上傳喜歡的圖片素材。
- 無限制筆記階層,可以一直延展階層下去。
- 免費方案就有完整功能,完全佛心
缺點
- 目前沒有支援直接連結 Google 日曆,只能透過第三方服務連結
- 非中文介面
- 功能較多較龐大,學習曲線較陡,初期需要適應
【免費支持】如果這篇文章有幫助到您或想鼓勵我 ,請幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何經費就能支持我,感謝您!
Notion 1 小時快速上手懶人包
接下來就到了 Notion 的快速上手教學懶人包的部分,因為 Notion 是一款功能強大的軟體,而我希望能在最短的時間內讓大家先體驗到 Notion 的強大之處,之後再慢慢的去適應與學習 Notion 的操作模式與其他功能。
因此我特別安排了這一個懶人包的部分,希望能夠減低各位讀者對 Notion 的陌生感,也對這款好用的筆記軟體有一定程度的認識!
註冊 Notion 會員
首先不免俗的,我們要使用一款新軟體一定是要先註冊會員的,就跟著本文一步一步註冊 Notion 會員吧!

會員註冊與登入的方式總共有兩種:
- 透過 Google 帳戶直接登入
- 透過其他 Email 註冊(包括如果要學生免費方案也要用這個方法),點此跳至該章節
透過 Google 帳戶註冊/登入 Notion
如果你要使用 Google 帳戶快速登入,請跟隨以下步驟一起做下去,如果不是請直接跳到下方透過 Email 註冊並登入 Notion的部分。
step 1
點右上角的「Log in」直接選擇登入
step 2
點擊畫面上的「Continue with Google」按鈕,開始登入Google帳戶
step 3
在彈出的視窗中輸入 Google 帳戶的帳號
step 4
輸入 Google 帳戶的密碼並點擊「繼續」
step 5
接下來會進入初始設定畫面,輸入你的名字並選擇你的角色(可任意選擇,不影響後續使用),選擇完成後點擊「Next」
step 6
接下來要建立一個新的 workspace,輸入名稱以及選擇此 workspace 中的成員人數,這邊一開始試用可以選擇Just Me,並點擊「Next」進行下一步(Notion 可以用 workspace 區分不同的使用者們/使用目的)

step 7
接下來 Notion 會讓使用者選擇要預先載入一些預設的模板,或是直接開始不要有模板(完全空白的 workspace),這邊我們選擇「Start with Templates」
接下來就會進入 Notion 中,也會看到 Notion 內建的導覽提示,但因為它內建導覽的內容不多,建議大家可以跟著本文接下來的教學一步一步學習

以上就完成了 Notion 透過 Google 帳戶登入的步驟了。
透過 Email 註冊/登入 Notion
step 1
輸入自己要申請 Notion 帳戶的 Email 並點擊「Get Started」※這邊如果你要使用學生免費方案的話,請記得使用你學校的 Email 來註冊哦!

step 2
Notion 會自動寄信到你填入的信箱,請將收到的信件中的 login code 回填至畫面(如下方圖片),並點選「Continue with Login Code」

step 3
接下來會進入初始設定畫面,輸入你的名字並選擇你的角色(可任意選擇,不影響後續使用),選擇完成後點擊「Next」
step 4
接下來要建立一個新的 workspace,輸入名稱以及選擇此 workspace 中的成員人數,這邊一開始試用可以選擇 Just Me,並點擊「Next」進行下一步
step 5
接下來 Notion 會讓使用者選擇要預先載入一些預設的模板,或是直接開始不要有模板(完全空白的 workspace),這邊我們選擇「Start with Templates」
接下來就會進入Notion中,也會看到Notion內建的導覽,可以跟著步驟了解Notion的操作環境,也可以直接跳過並跟著下面本文的教學一步一步學習

學生免費方案該如何申請?
剛剛有透過學校 Email 註冊的讀者們,進到 Notion 的畫面後,會看到左下角有教育免費方案的提示,點擊「Get Free Personal Plan」

滑動到下方並點擊「Get Free Education Plan」,即可將帳戶方案轉換成 Personal Plan。

點擊左方「Plan」,可查看已經將方案換為 Personal Plan 並且上方有標記是教育方案免支付費用。

另外提一下,教育方案跟一般的個人方案(Personal Plan)是相同的哦,並沒有因為是免費教育方案而功能縮水,不過如果要使用 Team Plan 或是Enterprise Plan,就一定得支付每月訂閱費用了哦!
【免費支持】如果這篇文章有幫助到您或想鼓勵我 ,請幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何經費就能支持我,感謝您!
Notion介面導覽
接下來要帶大家來認識一下Notion的介面,先對Notion整體有個了解,在一起開始進行操作。
以下會透過Notion Mac桌面版來進行操作,如果要下載Mac/Windows版本的讀者可以點此連結去下載。
操作介面
下圖是一進到Notion會看到的畫面,因為我們有選要建立預設模板,因此一進到Notion左方就會有一些筆記的模板,中間的筆記內容畫面也會有資料。
介面上哪個部分是什麼功能可以參考下圖(點擊圖片可以放大檢視哦!):

設定介面
點擊介面左上的「Setting & Members」,就可以進入設定畫面啦!設定畫面的功能可以參考下圖:

Notion操作教學
大致了解完介面的位置之後,我們就直接開始進行操作,邊操作邊學習Notion的使用方式吧!
建立Page
首先,我們先不要管系統幫我們建立的預設Templates,我們要先學習建立一個單純的Page來記錄我們的筆記。
step 1
點擊左下角「+ New Page」來建立一個Page
step 2
輸入標題後,選擇Empty建立一個空白的Page。
step 3
接下來就會看到下圖這樣一個空白的Page,我們先讓這個空白的畫面有些裝飾吧!
加入icon與封面照片
Notion的Page可以新增Icon以及Cover(封面照片),我們可以把畫面裝飾得跟下圖一樣有質感

step 1
把滑鼠指向Page的左上方,就會看到三個按鈕,點擊Add Icon就可以加入一個Page Icon
step 2
Notion會隨機給一個Icon,不喜歡的話可以點擊圖示自己換一個喜歡的
step 3
點擊圖示後會看到很多Icon可以選,也可以選擇「Upload an Image」來自己上傳一個Icon
step 4
接下來點擊「Add Cover」來新增一個封面圖片到Page
step 5
一樣會先有一個預設隨機的封面照片,可以點擊「Change Cover」自己做更換
step 6
封面照片的選擇就比較多了,推薦可以選擇「Unsplash」,並且搜尋自己想要的封面照片主題,會有很多好看的封面照片可以選用
以上就將我們的第一個頁面裝飾完成囉!
建立Block區塊內容並調整型態
Notion是以Block區塊為單位的,可以看到畫面中這邊寫著“Type / for commands”的地方,就是一個尚未輸入內容的區塊。

step 1
點左邊的「+」號,會跑出選擇Block型態的選單
step 2
新增一個Heading 2型態的Block,來輸入標題字
輸入文字後如圖

可以自己多玩玩幾種基礎型態像是一般文字、標題、清單、數字清單、展開等
step 3
Block也可以新增一個Page,我們點選Page型態的Block
就會跑出一個新的Page,可以看到左上角的階層是我的第一個頁面 / Block Page

回到上一頁則是如下圖一樣,該Page會變成一個Block,點擊就會進入剛剛那個空白Page

以上就是簡單的Block型態嘗試,若想要詳細了解所有Block的型態可以自己每個都玩玩看,或者看後面的教學文章。
自由調整版面
而其實透過拖曳Block也是可以自由去排出想要的版面的
step 1
例如我想要兩欄式的筆記畫面的話,可以先新增第二個標題
step 2
點著左邊六個點,並且將其拖曳到「標題2」的左邊或右邊,如下圖
step 3
要製作三欄的畫面也是可以的,就在拖曳一個標題過去即可
step 4
而點擊Block左方的六個點,也可以叫出選單,會有刪除、複製、轉換型態等選項可以選取
文字顏色與文字底色
step 1
在Block中我們點選左方六個點,可以看到下面有Color選單
step 2
或是將純文字選起來,也會跳出選單可以設定Color
step 3
Color選單中有文字顏色(Color)以及背景顏色(Background)
step 4
增加了文字與背景顏色後效果可以做得像下圖這樣
嘗試看看上述提到的這些操作方式吧!接下來我們就要透過這些基本的操作模式,來製作自己的Notion主頁了!
【免費支持】如果這篇文章有幫助到您或想鼓勵我 ,請幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何經費就能支持我,感謝您!
建立自己的Notion主頁
接下來我們將建立一個新的Notion Page作為你的主頁,之後再建立每週隨記、影片心得、課堂筆記這三個Page,來讓大家對Notion的使用方式有更深入的認識。
step 1
首先先建立一個新的Page,將Icon及Cover都選好之後,畫面大概會長這個樣子
step 2
新增3個Heading 2型態的標題,分別是每週隨記、讀書/影片心得、課堂筆記
step 3
將這三個標題變為三欄式,這樣未來有相關筆記我們都可以分門別類放到不同欄位中
以上就完成了我們初步的排版規劃,接下來就從每週隨記開始教大家該怎麼運用這個主頁,來延伸出自己每週可以運用的Notion Pages吧!
延伸閱讀:【Notion 常見問題教學】如何將欄位變成兩欄、三欄?靈活排列出自己喜歡的版面樣式
Notion Page #1 每週隨記
每週隨記可以讓你將每天看到的網頁、影片等各式各樣的資訊都加入,等到一週結束時就可以回顧這一週每天所接收到的東西、所做過的事情等(如下圖展示的效果)。

那就讓我們開始學習製作自己的每週隨記頁面吧!
製作每週隨記頁面
step 1
首先第一步我們要先新增一個Page區塊,並取名為Weekly Note #1(或是你要以日期區間比如 12/23-12/29)這樣比較好辨認也可以,我把兩種都弄出來給大家看看效果
未來就是我們每週都會複製一份每週隨記,並且在裡面記下當週發生的一些事項
step 2
我這邊用Weekly Note #1來做示範,點開該Page並且選個你喜歡的Icon & Cover吧,這邊我選擇一本書的樣子
從主頁上看會變成下圖這樣的效果

step 3
接下來我們在Weekly Note #1 頁面中新增七個Heading 2樣式的標題,分別是星期一~星期日,可以給予不同顏色比較美
step 4
而我個人蠻喜歡多欄位式的排列方式,因此我會用雙欄讓我的筆記看起來更有排列效果
step 5
而每天發生的事情都可以記錄在各個標題底下,比如週一我看到一個網站很不錯,我就把他網址貼上來製作成網頁書籤(也是Block區塊其中一種型態)
step 6
想要列清單來記錄事項、創造新的Page也可以
step 7
在每一週結束後,在複製一份Weekly Note並改名為Weekly Note #2,並將內容清空後就可以在開始新的一週隨記囉!
以上就是每週隨記的用法,我通常都會拿來記錄一些瀏覽到的好文章或者網頁,在每一週結束之後我會再將這些隨記整理並記錄到我的知識庫中,在後面的章節中會介紹知識庫的用法。
幫你的每週隨記加上目錄
因為每週隨記會在每一天的標題底下一直加入內容,有可能會造成整個Page變得很長,需要上下滾動才能找到某一天的標題。
這時候如果我們可以在頁面最上方加一個導覽目錄,就會方便許多,以下會教大家怎麼在Page上加入導覽目錄。
step 1
在上方加入一個空白Block(可以像下圖一樣在標題上點Enter換行,就可以在最上方新增一個空白Block囉)
step 2
選擇Table of Contents型態的Block
step 3
加入後會像是下圖這樣,每一個都是一個連結,可以讓你的畫面快速轉換到標題位置
step 4
當然,他預設跑出來的連結樣式很醜,我們一樣可以自己加上文字顏色或底色
如果你想要每個連結都是不同顏色或樣式,則是需要自己一個一個加上連結,就不能使用Table of Contents了
以下再教大家怎麼自己加入像是目錄一樣的連結
step 1
一樣在最上方加入空白Block,這次請直接先用純文字把星期一~星期日打好,並且換好你想要的樣式
step 2
若要讓全部的目錄都在橫向同一排,但是字體會被壓縮到,這時候教大家可以點右上角的設定選單.把Full Width勾選起來,畫面旁邊留的空白位置就可以拿來放內容了!
step 3
接下來我們要取得每一天的標題的連結位置,點標題旁的六個點展開選單,並選擇Copy Link
step 4
將最上方的目錄純文字圈起來,點擊Link,並將剛剛取得的連結貼上即可
step 5
其他的目錄文字也可以比照辦理,全部做完之後就可以有以下效果囉
【免費支持】如果這篇文章有幫助到您或想鼓勵我 ,請幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何經費就能支持我,感謝您!
Notion Page #2 影片心得
Notion我覺得很方便的一個點在於,他的Block區塊也有Video型態。在現在這個多媒體盛行的時代,很多的資訊都會從圖片、影片中學來。
而每次我自己看Youtube知識型影片的時候,總是會有種看完很充實,但過幾天就忘記的狀況(影片太方便,反而被我的腦袋當成隨便,看完就忘了)。
因此我後來就養成了會邊看影片邊做筆記的習慣,而這個「影片心得」就是這樣而來的,Notion可以直接在Page裡面加入Youtube影片,甚至還可以直接播放!這樣我們就可以在Notion Page裡面專注的看影片邊打筆記啦!

接下來我們就一起來試試看影片心得頁面該如何製作吧!
製作影片心得頁面
step 1
首先先在影片心得底下加一個空白的Block,並將其調整成Page型態
step 2
點入該Page中,標題可以打上你現在要看的影片標題
step 3
將你想看的影片網址複製之後,貼到底下空白的Block中,並且選擇Embed Video
step 4
因為已經把影片嵌入到Notion筆記中了,所以就可以直接按播放,並且在同一個筆記畫面裡打筆記囉!
影片心得分類
而看的Youtube影片一多,可能就會很亂,這時候我會選擇先在最外面分好不同的影片類型,再把影片放入相對應的分類Page中。
接下來就教大家一下怎麼樣幫影片建立分類Page。
step 1
依照自己常看的影片類型,把每個分類都新增一個獨立的Page
step 2
幫每個Page都加個Icon比較美觀
step 3
再來就是將剛剛做的Youtube影片筆記直接拖曳到對應的分類Page中
step 4
接下來點開該分類Page,就可以看到剛剛的影片心得,也就成功做了簡單的影片心得分類
其實從這個分類的方式可以看出,Notion真的是一款非常自由的筆記軟體。可以隨意的拖曳、新增Blocks來達到自己想像中理想的Page排列。
因此這邊只是簡單帶大家做出一個範例,這樣的範例也許不夠完美,但是也希望透過這樣可以引導大家開始作出更多更不一樣、有創意的頁面排版!
【免費支持】如果這篇文章有幫助到您或想鼓勵我 ,請幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何經費就能支持我,感謝您!
Notion Page #3 課堂筆記
接下來要分享的是課堂筆記,Notion現在針對學生有提供學生免費的個人方案讓大家使用,因此一定要教學一下,如果我要用Notion來做我上課的筆記,該怎麼做比較好。
製作課堂筆記頁面
step 1
首先先在課堂筆記底下新增一個Page Block,標題可輸入上課的日期與課程名稱
step 2
點進Page之後可以按照你自己的想法去將筆記排版,這邊我就不多做說明,我自己做筆記是沒有做什麼樣式,就是一行一行打下來而已,靈活運用Block的每種樣式比如清單、數字清單、展開清單、CallOut等等,就可以做出方便閱讀的筆記。
筆記分類
我們在學校上課通常每學期可能都會有不一樣的課程,所以其實若要將課堂筆記分類,可以依照學期->課程名稱->課堂筆記 這樣來分類。我們接下來就一起來建立課堂筆記的分類吧!
step 1
在課堂筆記底下新增依照學期分類的Page,這邊我依照大學四年建立八個學期的Pages。
step 2
接下來點進大一上的頁面,製作出基本的課堂排版(可以使用多欄位、顏色等區分不同課程),下圖直接放上成果圖片
圖片中我用了兩種不同的方式來區分該學期的科目,一種是每個科目是一個Page,優點是可以放Icon比較好看,缺點是你點進科目就會跳頁到另一個畫面,來回切換比較麻煩。

另一種是直接放Toggle List的型態,這樣我每一堂課程的筆記就可以用展開的方式來選取了。

這兩種建議的方式就給大家自由選擇想用哪一種,如果選擇Page的方式,在課程名稱的Page裡面再針對每一個日期上的課,都建立一個Page來記錄筆記即可

以上就是課堂筆記的用法,但其實課堂筆記有一個更適合的使用方式,那就是使用Notion強大的資料庫功能,來建立Class Notes模板!
在後續進階的章節我也會教大家如何使用資料庫來建立課堂筆記,效果會像下圖這樣!大家可以繼續往下閱讀!

【免費支持】如果這篇文章有幫助到您或想鼓勵我 ,請幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何經費就能支持我,感謝您!

【Notion 實戰課程:打造專屬數位工作術(限時優惠碼領取!)】
我&雷蒙三十共同籌備了一個 Notion 線上課程,已經超過 9700+ 位學員!
透過四大情境:時間管理、知識管理、團隊協作、個人作品集,帶你一起從實作中練習 Notion!上完這堂課程,你就能運用 Notion 打造出自己的一套個人管理系統,優化你的人生 💪🏻
「期間限定八折折扣碼,趁優惠結束前報名吧!」
📌 八折折扣碼:NOTION202306(可使用~ 6/30 23:59)
🗣 課程介紹:https://hahow.in/cr/notion-hahow
❓ 如何使用折扣碼:如何使用我的折扣折抵課程費用 | Hahow 好學校|常見問題
如果你想更深入的學會 Notion,打造出自己的人生系統,也歡迎參考「Notion 線上訓練營」,現在正在早鳥優惠報名中哦!
分享你的頁面
而到這邊快速上手懶人包的三個案例也告一個段落,非常歡迎大家跟著做到這邊之後,可以分享你所建立的個人主頁網址到本文最下方的留言處跟大家分享哦!一起互動學習才可以加速習慣使用Notion!
接下來就教大家怎麼分享自己所建立的個人主頁囉!
step 1
進入到自己的個人主頁,點右上方的「Share」按鈕
step 2
我們開啟Public Access的權限,並且要確定權限僅有開啟「Can Read」(只可讀取)或者「Can Comment」(可以新增評論),自己的內容才不會被網友更動哦!
step 3
接下來就點擊Copy Page Link,並且將連結貼到下方留言處,我就可以去瀏覽你的個人主頁囉!
step 4
想要測試看看自己的連結可不可以讓別人閱讀,可以開瀏覽器的無痕視窗,貼上連結後,可以看到個人主頁畫面就是確定可以囉!
非常謝謝你閱讀到此處,完成了快速上手的懶人包之後,建議讀者可以透過上面所學到的技能先使用Notion一陣子,適應一下操作的方法。每一個工具在接觸初期,盡快讓此工具幫助到你日常的生活與工作流程才是最重要的!
如果你用了一陣子想要學習更進階的功能,或是你現在就想要把Notion練到精通,歡迎繼續閱讀下方的章節唷!
【免費支持】如果這篇文章有幫助到您或想鼓勵我 ,請幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何經費就能支持我,感謝您!
Notion紮實基礎教學
看完本文前面的快速上手懶人包教學後,這一個章節會帶大家更深入了解Notion的使用方式,讓大家學了這一章節之後可以將Notion的基本功能用得爐火純青!
Notion 支援的 Markdown 語法是什麼?ft. 推薦的Markdown編輯工具
Markdown是一款輕量級標記式語言,可以過純文字的標記語法來將文字上加上樣式,比如各種大小的標題、清單符號、圖片、超連結等都可以做到(如下圖,左邊的語法可以變成右邊的樣式)。

我是從大概大學畢業前開始接觸Markdown語法的,簡單來說Markdown就是可以透過簡單的語法來輕鬆寫文章,並且還能夠有樣式。
如果想要了解更多Markdown語法相關的資訊可以參考Markdown官方網站,裡面有很詳細的語法教學。
而在這邊我也推薦幾款我有在用的Markdown編輯器提供給大家做參考。
線上Markdown編輯器-HackMD
HackMD是一款線上即時的Markdown編輯器,可以自己或者跟團隊一起透過Markdown語法共編文件。
最一開始我接觸到HackMD是在一場程式語言論壇上,那時候講臺上的講者正在講課,而會場的傳單上有一個QRCode寫著「百人共編連結」,連上去之後才發現在會場的上百個聽講者都共同在HackMD開了一份文件,大家一起做筆記記錄台上講者的演講重點。
當時真的對這個狀況非常的驚艷,居然可以用一個線上共編的平台一起記錄演講、旁邊還開了對話框可以即時討論,真的非常方便!

而另一個我覺得很方便之處在於,HackMD不僅可以製作文件,還可以透過Markdown語法做簡報!
你沒聽錯,就是做簡報!
下方這個圖是我為我學校的學弟妹製作的一個程式語言入門課程的簡報,最一開始我是先用以下的文字方式打出內容

而我只要在分享時選擇簡報模式,就可以直接分享成簡報了(當然製作的時候Markdown語法也不可以一個段落打太多字,簡報字體會全部擠在一起),底下也附上此簡報的連結給大家做參考

跨平台Markdown編輯器-Typora
而Typora這一款Markdown的編輯器是很多Markdown使用者都在網路上推薦的,他主要優點是畫面簡潔乾淨、會即時地將Markdown語法轉換成樣式,讓你可以立即看得出來文章、文字的長相,擁有所見即所得的特性。

並且這是一款跨平台的編輯器,MacOS跟Windows作業系統都有哦!想要試試看的朋友可以點此連結去下載
因為我之前的部落格是透過Hexo + Github Page去建置的,裡面主要都是隨便記錄一些我在開發程式語言過程中遇到的問題,因此希望講求可以快速方便的撰寫文章,Markdown語法就是非常好的一個快速寫文章語法。
下圖是我當時撰寫的其中一篇文章,也是在寫Notion教學的!(當時剛開始玩Notion這款筆記軟體,所以內容比較簡便,沒有這篇文章這麼詳細豐富)

而真正到了部落格上,樣式就變成下圖這樣囉!

總之,可以透過類似程式語言的方式(且語法不難),快速給予你的文字、文章一個精美的樣式,真的很方便!
而Notion又支援此語法,因此我覺得如果想要精通Notion、提升自己做筆記速度的讀者,一定不能錯過Markdown語法!
在Notion上使用Markdown語法
看完上面的Markdown展示是不是很酷呢!而Notion這個筆記軟體也是支援Markdown語法的,你可以直接在Notion Page中輸入Markdown的語法,也可以賦予筆記內容一個簡單的樣式哦!

在Notion上雖然有些語法與Markdown不太一樣,但使用方式還是大同小異的哦!
Markdown語法我們就大概講到這邊,有興趣的朋友可以自行去查一些資料,把Markdown語法學習起來哦!
【免費支持】如果這篇文章有幫助到您或想鼓勵我 ,請幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何經費就能支持我,感謝您!
Notion Block區塊型態有哪些?
Notion在我們前面的介紹文章中有提到,他是基於Block(區塊)的一款筆記軟體,而到底這款筆記軟體有哪些Block可以使用呢?我們接下來就帶大家來一個一個看每一個Block的功能。
這一個小節會把Notion所有的Block區塊型態都帶過一遍,如果你懶得看這麼多也可以直接去Notion中實際操作嘗試,也很快就能摸熟所有型態的Block囉!
Basic Blocks (基礎區塊)
Text(一般文字區塊):最一般的文字型態區塊,可以透過內建的文字樣式選單去更動樣式,例如文字顏色、背景色、超連結等

Page(頁面區塊):頁面型態區塊,點開可以看到一個完整的Page,適合做階層式的內容。

To-do List(勾選區塊):勾選區塊會有勾選框搭配敘述文字,很適合用在待辦事項清單的相關應用。

Heading 1(標題1)~Heading 3(標題3):標題樣式區塊,從Heading 1 -> Heading 3 字體與字體粗細依序變小,Heading 1額外帶有下方空行的效果。

Bulleted List(項目符號清單):項目符號清單區塊,以「·」來作為項目符號的清單,適合做內容統整、重點整理、列表等。

Numbered List(編號清單):編號清單區塊,以 數字 來作為項目符號的清單,適合做步驟式的內容統整、列表等。

Toggle List(展開/關閉清單):展開/關閉清單區塊,可將底下內容隱藏/展開的清單列表,適合做階層式的內容,按照主題把內容隱藏或展開。

Quote(引用):引用區塊,具有引用樣式效果的Block。

Divider(分隔線):分隔線區塊,可用於分隔不同的內容,做視覺上的區隔。

Link To Page(頁面連結):頁面連結區塊,可以建立一個類似捷徑的連結,連到一個現有的Page。

Callout(標註) :標注區塊,可以用來放額外筆記內容或者註記,在Notion中左方會有一個燈泡符號。

Inline (行內區塊)
Mention a Person(標註WorkSpace的其他成員):標註同一個Workspace中的其他成員。

Mention a Page(標註WorkSpace中別的Page):標注在同一個Workspace中其他的Page。

Date or Reminder(設定日期提示) :可以在某篇筆記內記錄一個提醒時間,可以透過Remind的設定在該時間到達前設立提醒功能。

DataBase (資料庫區塊/頁面)
Table – Inline(行內表格資料庫):在現有頁面中新增行內表格資料庫(每個項目的欄位、欄位型態都可自訂),整理資料、分類資料很方便。

Board – Inline(行內看板資料庫):在現有頁面中新增行內看板資料庫(看板的狀態欄位可自訂),可以在自己的頁面上以看板的方式管理進度或專案。

Gallery – Inline(行內畫廊資料庫):在頁面中新增行內畫廊資料庫(畫廊內容可自訂),很適合用來展示有圖片資料的Page。

List – Inline(行內清單資料庫):在頁面中新增行內清單資料庫(清單內容可自訂),很適合以列表方式列出資料內容。

Calendar – Inline(行內月曆資料庫):在頁面中新增行內月曆資料庫(月曆每個日期的內容可自訂),可以將有日期紀錄的資料或頁面整理到行事曆的版面上,方便以日期進行內容整理。

Table – Full Page(整頁式表格資料庫):表格資料庫頁面(每個項目的欄位、欄位型態都可自訂),整理資料、分類資料很方便。

Board – Full Page(整頁式看板資料庫):看板資料庫頁面(狀態欄位可自訂),可以用看板的方式管理進度或專案。

Gallery – Full Page(整頁式畫廊資料庫):畫廊資料庫頁面(畫廊內容可自訂),很適合用來展示有圖片資料的Page。

List – FullPage(整頁式清單資料庫):清單資料庫頁面(清單內容可自訂),很適合以列表方式列出資料內容。

Calendar – Full Page(整頁式月曆資料庫):月曆資料庫頁面(月曆每個日期的內容可自訂),可以將有日期紀錄的資料或頁面整理到行事曆的版面上,方便以日期進行內容整理。

Create Linked Database(建立現有資料庫連結) :透過連結方式,將現有的資料庫頁面連結到Block中,也會有行內的資料庫操作畫面出現。

Media (多媒體區塊)
Image(圖片區塊):上傳或從線上選取照片,插入Page中。

Web Bookmark(預覽書籤區塊):可以貼入網址並且製作一個像是書籤的連結,會有預覽圖示及內容。

Video(影片區塊):可上傳影片或是嵌入Youtube或其他影音平台的影片。

Audio(音訊區塊):可上傳音訊並可以在Page中播放。

Code(程式碼區塊):可撰寫程式碼,右下角有不同的程式語言可以切換。

File(檔案區塊) :可上傳檔案,各類型檔案都可以上傳,若是文字檔案可以點擊,會預設使用瀏覽器線上預覽文字內容。

Embeds (嵌入區塊)
Embed(嵌入區塊):以網址方式嵌入各種內容,例如PDF、Google文件、Google地圖、Spotify等。

Google Drive(Google雲端硬碟嵌入):可將雲端硬碟的連結直接嵌入在Block中,需要帳戶認證才可嵌入。

Tweet(推特嵌入):可將Tweet上的貼文嵌入到Block上,點擊會跳到該貼文的網頁。

GitHub Gist(Github Gist嵌入):可以嵌入在Github Gist的發布內容,像是下方是我在Github Gist發布過的程式語言觀念分享文章。

Google Maps(Google地圖嵌入):可以直接將Google Map查詢結果嵌入到Block中,方便查看位置。

PDF(PDF檔案嵌入):可直接將PDF檔案嵌入,可以拉動大小以及上下滾動瀏覽,邊看PDF邊做筆記用很方便。

CodePen(線上程式碼編輯器嵌入) :CodePen是一個程式碼線上編輯平台,也同時是一個很多人會交流自己的程式碼成果的工程師交流平台,像我自己也很常在這平台上找一些前端設計的程式碼或IDEA,而我們可以將CodePen的程式碼或成果嵌入在Block中。

其他我尚未嘗試過的嵌入功能(歡迎大家在底下跟我分享使用的方式或心得哦!):Framer(原型設計工具)、Invision(UI設計工具)、Figma(設計協作工具)、Loom(螢幕、影片錄影工具)、Typeform(線上問卷)
Advanced Blocks (進階區塊)
Table of Contents(自動產生目錄):可以自動偵測所在Page的標題狀態,並產生出一個自動的目錄。

Math Equation(數學方程式):可以在這個Block中撰寫數學式,我想他應該可以應付各種不同的數學符號吧!(可惜我不知道數學符號怎麼打字出來xD所以只能用個1+1來DEMO了)

Template Button(模板按鈕):可以自己設定一個模板,並且在點按按鈕之後會自動產生出設定好的模板內容。比如下圖是點了「Add a New To-do」之後就會自動產生出上方的勾選Block。

Breadcrumb(導覽條) :在階層過於複雜的頁面上,我們可以直接在任一個Block上新增導覽條,方便點按去切換所在的頁面。

【免費支持】如果這篇文章有幫助到您或想鼓勵我 ,請幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何經費就能支持我,感謝您!
擷取網頁內容並儲存至Notion
之前曾經有一個職場上的前輩跟我說過,不要覺得把網頁儲存到我的最愛/書籤就是保留了該內容,未來如果那個網站關閉或者網址失效,你就再也找不到那些有價值的內容了!
因此我覺得,在網頁內容正常顯示時,將其儲存到Notion中,也是保留有價值的文章內容很好的方法。以下要介紹在電腦或手機上瀏覽網頁時,該如何將內容擷取並且儲存到Notion中。
透過瀏覽器外掛擷取網頁儲存至Notion
在2019年Notion推出了一套Google Chrome瀏覽器外掛叫做Notion Web Clipper,可以用來將網頁內容擷取,並且儲存到Notion的某個Page中。

他目前的功能只能擷取網頁全文,但因為可以截取文章的圖片及內文,並且擷取速度非常快,因此也在這邊推薦大家可以下載到自己的瀏覽器上使用!
安裝後在瀏覽器右上角就會出現一個Notion的icon,我們可以在我們想要儲存的頁面上點擊該icon,就能將文章整個擷取到Notion中。

擷取後在Notion瀏覽,可以看到文章和圖片很完整的被擷取下來,並且會自動轉成 Notion 上的文章編輯格式!

值得一提的是,Notion 目前是單純的抓取網頁中的標題、文字、圖片,因此是不會保留原有的文章樣式,而是將內容保存下來而已。
用手機擷取網頁內容到Notion
而如果是在手機上瀏覽網頁的話,也是可以直接將內容儲存到Notion中的。
step 1
看到有價值的內容時,點擊右上角分享的icon,並在選單中找到並點擊Notion。
step 2
輸入自訂的標題並選擇要將網頁擷取到哪一個Notion Page中,點擊右上角「Save」即可儲存網頁。
step 3
在Notion中開啟Notion Page畫面,即可看到剛剛擷取的網頁內容。
【Notion 系列主題文章】
📌 Notion 基礎教學
- 【Notion 教學】- 史上最完整 Notion 筆記軟體的使用教學!1小時快速上手懶人包、紮實基礎教學
- 【Notion 中文】如何利用 Google 翻譯使用中文版 Notion |中文版更新前的暫時解決方案
- 【Notion 基礎教學】怎麼從個人版升級成 Team Plan?使用上有什麼差異?Permission Group 怎麼用?
- 【Notion 基礎功能】使用 Column 語法直接設定多欄位並排。Toggle List 、 Template Button 也適用!
- 【Notion 基礎功能更新】資料庫頁面展開預覽設置:側邊預覽、中間預覽、整頁檢視,加速你的使用流程。
📌 Notion 常見問答
- 【Notion 常見問答】Link To Page 與 @Mention Page 有什麼差異?實際使用上有什麼不同?
- 【Notion 常見問答】如何將筆記從 Evernote 轉移到 Notion?|優缺點分析及內建 Import 使用教學
- 【Notion 常見問答】如何將欄位變成兩欄、三欄?靈活排列出自己喜歡的版面樣式
- 【Notion 常見問答】頁面中的 Comment(評論)讓版面受到擠壓跑掉,該怎麼辦?
- 【Notion 常見問題】如何在 Toggle List 、Callout、Template Button 底下建立區塊並排?如何將兩個資料庫並排?
📌 Notion 進階應用技巧
- 【Notion 技巧】非設計師如何做出好看又實用的版面?Notion 的版面設計準則
- 【Notion 應用案例】頁面亂七八糟該怎麼辦?教你如何優化工作區|軟體工程師使用案例教學
- 【Notion 官方認證】Notion Essentials Badge 初階認證怎麼申請?該準備什麼?詳細通過流程紀錄分享
- 【Notion 進階技巧】團隊一定要花大錢付費使用 Team Plan 團隊方案嗎?教你活用 Personal Pro Plan + Guest 一樣可以無痛免費團隊協作!
- 同步 Notion 與 Google Calendar 日曆完整解析:透過 Zapier 完整新增/更新/刪除行程與待辦任務
📌 Notion 應用案例
【免費支持】如果這篇文章有幫助到您或想鼓勵我 ,請幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何經費就能支持我,感謝您!
請問如何把 Heading (每週週記,影片心得)可以當成Page 點擊進去編輯
謝謝
1. 先把你要做成 Page 的內容,透過 /page 建立
2. 使用 @ + page 名稱,就可以在任意地方創造連結到該 Page 的頁面連結囉!
您好、關於notion。有個問題想請教,請問我誤刪資料、聯絡客服、客服跟我要帳戶帳密要登入帳戶、嗯、這是正常的嗎?
以我的認知來說不正常,正常來說客服會叫你到設定畫面去打開某個權限,官方就可以直接進入你的 Workspace 復原。
不過也許也有特殊情況,建議你點 Notion 右下角的「?」,去與官方傳送私訊
那邊的要求應該就不會是詐騙(不要去密什麼粉專之類的~)
請問notion有Mail的排版嗎?或是美化email信件的?
嗨嗨~可以參考我們寫過的這篇文章分享我們如何用 Notion 打造一個 Email 模版~
https://leadingmrk.com/leadingmrk-email-marketing/
但通常要美化 Email 信件,還是要靠 Email 發送的系統本身哦! Notion 則是可以讓你寫初稿、做初步文字撰寫與排版的地方~
請問左側的分類中有時候會顯示 workplace 還有 private 等分類小標,這要怎麼設定?我的頁面沒有顯示?謝謝
哈囉,想請問Notion有沒有功能可以輸出並且同步到Excel呢?
像是假設我Notion上一修改,Excel上即時更新?
可以搜尋看看 Automate.io 這類的第三方自動化平台,就可以做到哦~
版主您好,想請問「擷取網頁內容並儲存至Notion」的部分 😢
我下載chrome的Notion Web Clipper插件以後
到所想存入notion的網頁後save page到自己的notion頁面
結果那個新儲存的頁面裡面只有那個網頁的一串超連結網址
沒有像版主說的網頁文章和圖片完整的被擷取下來
自動轉成 Notion 上的文章編輯格式😢
也試了手機版的方式分享到notion裡,但也是一樣新頁面只有一串網址
請問要怎麼存下整個網頁的內容到notion呢😢 (覺得這個功能很棒)
1. 儲存到的對象要是一個資料庫,而不是一個Page唷
2. 如果一樣沒有儲存頁面內容的話,可以參考看看 Save To Notion 這個瀏覽器外掛,他的儲存功能更強大
參考文章:https://www.playpcesor.com/2020/11/notion.html
我在原本連結google 帳號的notion 有建立一些筆記了,看了這篇文章創了連結學校帳號的notion帳號 ,想請問要如何把舊帳號的筆記複製到新帳號呢?
其實你不用創新帳號,你可以直接把舊帳號的email改成學術帳號就好囉~
現在你可以先到設定把你整個新創的帳號刪除,再回到你的舊帳號去改email就好
嗨~ 你好,我看了你的Notion教學學到很多 謝謝你!🙏🏼😄
我製作了一個表格,裡面有☑️的欄位
請問我再新增一個欄位,怎麼讓它自動記錄記錄我哪時候(什麼日期)打勾☑️的嗎?找了好久不知道要用什麼公式😢
Hi Ariel~很高興這篇文有幫助到你
目前 Notion 無法透過公式或任何方法紀錄特定欄位資料改變的時間唷,最多就只能紀錄最後編輯時間,也就是欄位內建的那個~
K大您好~
目前是使用Word+Excel+Google日曆滿足各種需求,但目前好像仍未有哪套是能同時滿足以下需求的工具:
1. 展開&折疊標題功能
2. 手機&筆電皆可雲端編輯
3. 部分標題須設定日期提醒(再將各檔案於Google日曆活動中插入附件以便查找)
4. excel函數&巨集
5. …etc
看了您詳細的介紹,有點想換用Notion,但因我原本資料繁雜,怕花了很多時間轉移到Notion後會有不適應或不如不換的感受,仍躊躇不前…
請問您有其它建議嗎?另請問Notion有搜尋關鍵字的功能嗎?
你好,Notion 有提供內建的 import 功能,不過以你的組合使用方式,我會建議先學習 Notion 的使用方式之後,再慢慢手動把資料移動過去。
至於 Notion 搜尋關鍵字的功能,可以使用 Quick Find (快捷鍵 cmd/ctrl + P)來進行整個 workspace 的搜尋唷
如果想要系統化學習 Notion 使用方式,歡迎參考我最近正要開課的課程(6/18正式開課):https://hahow.in/cr/notion-hahow
謝謝K大仔細教學,獲益良多!
目前使用免費版功能,想請問: 刪除的頁面,在垃圾桶裡按復原的時候,都會自動進入該頁面,之前有一次不小心刪掉一整排內容,復原時都得一個按完,跳出該頁面,再按下一個。是否有方法可以一次恢復多個頁面? 謝謝!
復原是以一個頁面一個頁面為單位的,所以只能這樣~
不過你復原之後會進到該頁面,其實也不用跳出,直接左下點開垃圾桶接續按下一個就好
如果你刪除時是刪除外層的頁面的話,就可以一次復原整個頁面(包括他其中所有子頁面了),也許是一個參考的操作方向(刪除時從父層刪除)
您好~想請問若建立了bookmark,能夠修改上面顯示的文字嗎?
目前做了幾個,都沒有顯示預覽,只有框框和網址 (除非剛好是主頁)
謝謝您~
無法修改唷~
Bookmark 主要是靠 Notion 自己去抓該網頁的分享預覽資訊,有時不一定會抓得很準確,但我們也沒辦法手動去調整的~
我在Step3 這個步驟就卡到了
(這三個標題變為三欄式,這樣未來有相關筆記我們都可以分門別類放到不同欄位中)
想請問版主,這邊要如何變成三欄式?
可以參考這篇文章
https://leadingmrk.com/notion-faq-how-to-turn-layout-into-two-or-three-columns/
原來如此,太感謝了!!!
版主文章非常受用~^^
不用客氣 🙂
感謝您的教學文章,
有一個使用上的問題請教,
請問在page裡面的表格要如何刪除呢?
表格在 Notion 中稱作 Database 資料庫
Page 中資料庫有分兩種:
1.行內資料庫
2.該 Page 本身就是一個資料庫
行內資料庫直接點左方六個點刪除即可,因此你的狀況應該是2. 該Page本身就是資料庫該如何刪除
資料庫頁面=整個頁面就是資料庫,因此無法單獨刪除資料庫唷(要刪除的話就是把整個頁面刪除)
如果你在建立時預想到可能會有多個資料庫 or 可能會需要刪除資料庫,你可以建立一般的Page,並且在裡面建立 inline-table 唷!
非常感謝分享,
想提問一個問題,我有在做一些小文章彙整,
這些小文章一段中某些字句會帶連結,
ex:新年快樂,我在集福字活動中,
拔得頭籌@ooo
可能「集福字」是帶連結的,「@ooo」是帶連結的,
複製貼到到Notion時,有時通篇是純文字,有時會帶連結,
操作起來很困擾,因為若純文字要一個一個插連結很花時間,
不知是否有複製貼上都可帶連結的方法?謝謝。
基本上連結的複製成功與否,取決於來源的型態
當你複製網頁上的一段內容,他其實也會複製原始網頁中的連結型態
如果該連結是普通的超連結,基本上可以複製
但如果該連結有設定一些連結屬性,那就也有可能會複製失效
–
可以知道的是
你可以「完整的複製整段段落文字」,會比起「複製單一超連結字詞」來的完整,因為有些內容的格式是設定在文字本身+段落上,如果只複製文字,很大機率格式就會遺失一部分(包括超連結)
以上是我的建議,給你參考~
感謝大大無私的分享,非常用心且詳細的教學文,原先也是Evernote的用戶,但用著用著,還是發覺在有些情況用起來不是這麼順手,Notion的出現,感覺可以改善這些問題囉!
謝謝你喜歡我的文章!
Notion 真的是像積木一樣的工具,可以很自由組合出適合自己的用法
使用上有什麼問題或心得都可以來留言交流唷!
版主好,謝謝您詳細的說明。
不過實際用了之後,有以下問題想請問:
1. Notion是否有複製樣式的功能或是規定輸入同類型記錄的功能可使用呢?不然一個一個都要手動設定很麻煩。
ex.在設weekly plan的”週一”、”週二”、”週三”時因選的都是heading 3,但Notion好像預設按enter換行打出來就直接是text樣式,沒辦法說上一行heading 3然後換行後也跟著是heading 3,覺得每次都要一直選挺麻煩的😅。
2. Notion是否只能在有網路的情況下使用呢?因有時還是會遇到電腦沒法連網的狀況(學校網路爛QQ、電腦快沒電先關網),這樣的話是否就無法繼續打筆記了?
3. Notion設定connect的app是否可以使用onenote?因為看了官方設定連結app的說明,似乎沒看到onenote這個選項QQ(想把以前在onenote上作的筆記匯進來~)
以上問題再麻煩版主解答了,真的謝謝您詳細的教學文章~希望能快快上手Notion,也分配好和其他筆記軟體的使用時機和習慣用法~感謝!
你好,我簡單回覆你以上問題
1. 目前Notion換行後一定會重置樣式,建議可以輸入enter換行後,再透過鍵盤上的快捷鍵建立標題樣式,快捷鍵是以下
– 按 `cmd/ctrl` + `option/shift` + `1` 建立一級標題
– 按 `cmd/ctrl` + `option/shift` + `2` 建立二級標題
– 按 `cmd/ctrl` + `option/shift` + `3` 建立三級標題
2. Notion目前無支援離線模式哦,不過已經有排入未來的更新計畫中了(只能慢慢等待開發團隊的努力)
3. 據我所知目前沒辦法直接從onenote匯入至notion,但可以參考這篇文以及他最下方附上的國外連結,透過evernote作為中介
https://medium.com/@jimms.hsieh/%E5%BE%9Eonenote%E8%BD%89%E6%8F%9B%E5%88%B0notion-e4e9e705f294
希望以上有稍微幫忙到你
版主您好
謝謝你提供那麼詳細的內容
可是notion 裡的內容是不是無法直接複製貼上到手機內建的備位錄
或是當成我想編輯文章的暫存資料庫?
目前打了一些隨筆文章,但發現無法複製到其他地方~
手機版的Notion稍微比較難操作一點,如果你使用的是Notion電腦版,內容是可以複製並貼到一些純文字筆記軟體的唷
但要注意的是因為Notion是基於Markdown語法,因此如果有在Notion中使用樣式的話,複製貼上到純文字筆記其實會有跑版的感覺
我個人的用法:將Notion當作系統化長期儲存知識內容的資料庫,而隨筆我還是會使用最一般的文字編輯app ex.IOS的備忘錄 ,甚至是語音備忘錄,這種想法隨記還是找簡單的App最好用
非常感謝Mr.K的教學文,一步一步跟著上手
想請問Notion是否可以調整字型呢?我找不到相關的功能
因為看到您的示範截圖文字是粗的黑體,但我的頁面打出來卻是細的明體,個人不太喜歡,希望可以調整成黑體,不知道從哪裡可以調整?
Notion在每個Page右上角可以點開選單調整字體,有三種字體可選
另外因為我個人是使用Mac電腦,跟Windows系統上開Notion字體看起來也有些差異,這部分倒是沒辦法調整哦~
認真看完雖然還沒辦法全部應用
但也慢慢開始學了
希望往後看到K大更進階的分享!
拍手推爆
你想請教一下,NOTION在單純使用表格整理資訊上是否不太方便,沒有單純的表格功能,假設我從EXCEL把表格複製,它會形成表格資料庫,不會是單純的文字而是變成頁面。
表格的確就只能用資料庫的型態,但他也可以插入表格到單一的Page中,變成有點內嵌表格的樣子
不過這也是我認為Notion是優點也是缺點的一點
他功能豐富,但也有點太豐富了,當你想要簡單操作的時候,就會覺得複雜
謝謝你的回覆~ 對阿就算是內嵌表格也是資料庫的型態,感覺就是要另找其他方式去取代用表格整理的模式 XD
資料庫也可以單純地以”表格”來顯示
在 BASIC BLOCKS
Table
Add a simple tabular content to your page
這裡.
補充說明, 它的本質仍然是資料庫, 只是以表格來顯示, 也可以再 turn into database 來顯示.
也可以再 turn into simple table 來切換為表格
太棒了!!! 谢谢老师
BEST REGARDS
MR.JENSEN
请问能不能做到设置成所有新开的page都自动有一个cover ?
你可以使用Create Template 功能,不過我自己用這功能建立出來的Cover都是純色的,你可以試試看是不是這樣。
參考資料:https://theproductiveengineer.net/how-to-create-custom-templates-in-notion-step-by-step-with-screenshots/
感謝分享,正在搜尋可以取代Evernote的筆記軟體就,看到您分享的文章後覺得Notion真是很強大且直觀,非常能滿足我的需求。請教一下在My Connected apps中Connect那些app例如Evernote和Trello有什麼作用呢?
My Connected apps裡面綁定後可以讓你匯入其他筆記軟體的內容到Notion來用,詳細可以參考以下網址:
https://www.notion.so/Import-data-into-Notion-18c37b470e8941789548b68049af750b
您好,首次接觸notion就看到您的教學文章,對新手來說真的很有用,非常感謝!不過目前我遇到一個問題,我原本就使用了學校信箱註冊了會員,但是進去時,以為還不是開通給教育版的,在plans用了一下,最後按了個人免費版並確認(我以為一開始誤按了別的需要付錢的pro版,所以就修改回免費版),不過後來確認了pro版其實也就是教育版,但是似乎改不回來了?因為我再到plans要點選pro時,卻要收費了QQ,請問這樣的話還有辦法修改回去嗎?還是無法了呢?
你好 謝謝你喜歡我這篇文!
建議你可以找Notion的客服人員幫你調整回去學生免費的Pro方案,電腦版的Notion右下角有個問號,裡面可以找到Notion客服聯絡的Chat。
k大真的太猛了!我昨天剛下載好notion正在摸索要怎麼無痛從Evernote轉移到N就在社團裡看到你的文章推薦了! 文章真的很長,但我卻耐心的從頭看到尾,儘管是對我來說很陌生的markdown功能也仔細讀完,非常受用的文章啊!難怪穩坐搜尋榜第一名。
哈哈哈謝謝你喜歡!因為自己平常就是用這個筆記軟體,相對就蠻熟的。
以後有機會再寫一下進階的使用方法
K大好,今天第一次使用notion,看了您介绍感觉很好使用。但实际我的block自由拖拽出了问题,不知为何?它无法并排陈列,期待答疑。
如果要拖曳並排的話,要將右邊的Block拖曳到你要併排陳列的那一行Block的最右邊再放開哦,會顯示一個藍色的並排放置提示~
啊 感谢~问题解决~
請問版主~
文章旁邊的文章目錄是如何固定的?
另外,右邊文章目錄太長如何設定出捲軸呢?
感謝!
固定是透過Widget Options這個外掛固定的唷~
然後太長要設定捲軸需要寫一些程式碼來改
如果你有興趣可以用聯絡我們表單來發送email給我,我在email中跟你詳細說明~
1. Notion似乎沒有『回復』功能,每次打錯字,或者不小心犯錯,都無法回復到上一個步驟,最後都不得不刪除錯誤部分、重新再輸入,這一點十分麻煩!
2. 好像不是每個block都能如願加上tag。假如希望給block加上tag,該怎麼做?
1. 回覆的功能似乎是以Block為單位的,點離開那個Block並且點ctrl/command + Z應該就可以復原上一步驟,在block輸入狀態似乎是不行沒錯
2. tag功能我很少用到,不過我嘗試在一般的text block中用tag好像是正常的
謝謝分享,獲益良多!
謝謝你的肯定~有幫助到你就好!
感謝版主的介紹~
超級詳細的大全!
看來數位時代還是要用數位方法來記錄了XD
請問我如何把weekly note這個Heading 當成一個Page 點擊進去編輯
謝謝
1. 先把你要做成 Page 的內容,透過 /page 建立
2. 使用 @ + page 名稱,就可以在任意地方創造連結到該 Page 的頁面連結囉!
感謝版主分享,真的有夠詳細的!!對於我這種常常忘東忘西的人最需要這種筆記軟體了,我直接推爆!!!
真的!
這個筆記軟體不管是記錄很複雜的筆記,或是隨記,都很好用!
非常推薦!
這篇文寫的超詳細,對於還是大學生的我會需要用到這種筆記軟體,文中都有一步一步的懶人包教學,超推這篇文!!!
大學生透過學校的信箱可以免費使用哦!
超讚的!趕快學會他,這款筆記軟體應該可以包辦所有基本使用情境了!
謝版主介紹
超詳細的分享給我朋友看
因為自己用了很久,所以心得很多:)
我也看到我自己的碩士同學超認真在看我這篇文,哈哈
謝謝你的肯定!
此篇文不能沉 推推
趕緊收藏起來
目標就是成為Notion教學得最詳細文章!
謝謝你的肯定!
K大好棒☺️