• Home
  • /
  • 【Notion教學】- 史上最完整Notion筆記軟體的使用教學!1小時快速上手懶人包、紮實基礎教學

【Notion教學】- 史上最完整Notion筆記軟體的使用教學!1小時快速上手懶人包、紮實基礎教學

文章最後更新 2020 年 6 月 20 日
Notion教學

本篇文章要來談談一款非常萬用、使用方式非常自由的筆記軟體-Notion,並以最完整的Notion教學帶大家上手。

以下會從Notion的功能開始介紹,並提供大家快速上手懶人包紮實基礎教學,對Notion這款筆記軟體有興趣的朋友收藏此篇文章並且繼續看下去。

本篇文章除了自己的使用心得之外,也集結了網路上許多使用Notion的同好的使用經驗與範例,也感謝網路上很多提供使用範例跟使用方法的人。

文章內容很豐富但也很長,記錄了所有我所知道的Notion知識,大家可以找自己需要的部分去觀看學習哦!


Notion概覽

Notion是什麼?

Notion是一款非常強大的筆記軟體,支援多平台(Windows/MacOSIOS/Anrdoid都支援哦!),並且可以離線編輯。

Notion的特色有以下幾點:

  • 操作靈活自由:Notion以Markdown語法為基礎,並且以Block區塊為單位,可以讓使用者自由重組排列自己想要的筆記排版。
  • 多種不同型態的Block區塊可使用:Block區塊是Notion的基本單位,而他的型態有支援一般型態(標題、清單、展開、註記、連結)、媒體型態(圖片、網頁縮圖連結、影像連結、音訊連結、程式碼、檔案)等,也可嵌入像是Google Drive、Google Map、Tweet等嵌入內容,使用上非常自由、豐富。
  • 有網頁擷取功能:能夠透過瀏覽器插件,快速將自己想要紀錄的網頁擷取到Notion中紀錄。
  • 針對程式碼不同語言有優化:這是對工程師非常友善的功能,Notion中的程式碼區塊是有對各類程式語言進行樣式、排版優化的,這功能真的很讚啊(我剛好也是工程師,有感有感!)
  • 提供模板Template:Notion官方有提供很多很方便可以使用的模板,而自己也可以製作模板,將經常使用的筆記型態自己儲存起來,每次就只要點新增模板就可以快速產生出常用的筆記樣式了!
  • 集多種使用方式於一身:基於Notion靈活的操作模式,Notion可以運用在像是個人待辦事項、課堂筆記、專案管理、知識庫等不同的用途與領域。

我平常會使用Trello做工作上專案的進度管理、Google Keep用來記錄會在電腦跟手機都會看的筆記,用Mac內建的備忘錄記錄一些臨時需要紀錄的小事項,並且會使用Google Doc線上文件來跟同學或者同事做線上共同編輯。

自從我用了Notion以後,它不僅可以做出跟Trello一樣的進度管理模板,也可以同步在電腦、手機平台使用,之後也可以直接將Notion Page歸類到某一個Notion資料庫中做整理歸納,最後甚至可以把Notion Page透過分享功能分享給朋友,也可以跟有Notion帳戶的人進行線上共編。

Notion教學

一套Notion筆記軟體就能取代所有我日常的筆記用途,也還有更多的功能是上面沒有提到的,我會在接下來的文章慢慢帶大家一起探討Notion這個強大的筆記軟體!

什麼樣的人適合使用Notion?

學生

學生們平常都蠻會需要記錄自己的上課筆記、學習歷程、或是一些讀書心得的。我目前正在就讀碩士,自己就有建立一個資料庫,專門存放我閱讀過的Paper、閱讀心得及重點整理,在回顧複習時非常方便。

因此就我個人的經驗,我非常推薦學生們可以嘗試一下Notion這款強大的筆記軟體,相信一定可以幫助到學生將自己課內課外所學記錄起來!Notion現在用學術單位的信箱註冊,也可以享有Notion個人方案免費的好康,各位同學們一定要把握機會!

在學習的當下一定要將學習心得跟重點摘要記錄,否則過了幾年後你一定都全部還給老師!

— Mr.K

工程師

我目前也是一名自由接案的軟體工程師,我最常使用Notion規劃工作的進度、記錄每個專案的進行狀態、以及將專案遇到的技術問題、解決問題的網頁資源透過瀏覽器插件,儲存成屬於我的一個知識庫。

我非常推薦工程師可以用這套軟體來記錄自己的筆記,況且工程師們一定都跟我一樣每天都是使用電腦來管理生活或工作上的大小事情,用這套軟體來自己整理自己的生活與工作非常的方便!

Notion還能將做出的筆記Page以分享的方式,直接變成網頁分享給別人,因此將錄多年的技術/知識庫,甚至是Bug踩坑經歷分享成網頁,還可以作為工程師的經歷/履歷呢!

— Mr.K

設計師

Notion在他們自己的網站首頁有提到,他們是一款非常乾淨、具有設計感、能令人專注於使用的筆記程式。

而我自己體驗下來也覺得,Notion是一款簡單有美感、操作流暢,並且編輯上也十分靈活的筆記軟體,尤其是基於Block區塊的編輯模式,可以讓有設計師們自由設計出自己想要的筆記排版與模板,讓設計的專業完美展現在Notion中!

當設計的Sense變成類似強迫症(眼睛很挑xD)之後,你一定急迫想找到讓你順眼的筆記軟體吧!那就趕快試試看Notion吧!

— Mr.K

產品、專案經理

很多產品經理、專案經理都會使用像是Trello、行事曆等來掌握自己的專案進程以及每日行程,而Notion中的資料庫模板也可以做到像是Trello一樣的看板畫面,而只要切換View就可以在同一個資料庫中,透過月曆或者其他的版面,來查看看板上的事項了!實在是非常方便呀!

不過這邊要提到一點,雖然我現在大部分時間都是使用Notion,但我自己也有同時還是有在使用Trello,畢竟產品、專案經理會利用這些筆記軟體或工具來幫助自己的日常工作,而產品經理很多時候要跟產品工程師或設計師共同管理專案。

Trello已經是一個聞名多年的看板、進度管理工具了,很多時候為了與同事們共同使用或分享較方便,還是會選用較多人用的工具。就像MacOS使用者很多人在某些情況下還是會使用Microsoft Office來編輯文件或簡報一樣,當需要把檔案傳給用Windows系統的同事就比較方便。

工具是用來幫助自己的日常生活、工作生活的,不要為了用而用,建議大家照自己的情況來選用這些筆記工具會比較好哦!但還是推薦大家可以試試看Notion!多學一個工具要用到就有得用!

— Mr.K

想整合自己到處分散的筆記的人

如果你不是上述提到的這些人,也不要就直接跳離這篇文章了Notion還是一個非常適合一般人使用的筆記軟體,畢竟在現在這個資訊爆炸的網路世界裡,很多的資訊都是過眼就忘,甚至你認真去學習之後過一段時間還是會遺忘。

這時候透過筆記去記錄就非常非常重要,日常生活中也有非常多時候會需要用到筆記,例如買東西的待買清單、記錄朋友的聯絡資訊等。

Notion是一款整合性很高的筆記軟體,甚至還有提供可以從其他品牌的筆記軟體匯入筆記的功能。因此對於目前已經有透過一些筆記軟體來記錄日常生活或者工作事項的讀者們,我也非常推薦你們可以繼續閱讀此文,來學習如何使用Notion哦!

書到用時方恨少,筆記工具到用時,才想起這篇文(?

— Mr.K

Notion跟其他筆記軟體有什麼不同?

接下來將幫大家分析一下到底Notion這一款筆記軟體,與其他市面上已經很多人在使用的筆記軟體有什麼樣的差別!

以下內容有些是我自己的使用心得,有些則是來自於網友們對Notion以及其他筆記軟體的評論與心得,有興趣的讀者可以繼續看下去!

EverNote

Evernote Logo

EverNote是一款很有名的筆記軟體,它與其他筆記軟體不同在於它可以搜尋影像中的文字、搜尋PDF以及Office文件內的文字,並且也有提供網頁擷取工具等等。

但很多功能是需要使用付費版才有的,免費版的EverNote只能在兩個裝置間同步內容,對於沒有使用過EverNote的使用者來說,就沒辦法在充分試用過之後,再決定要不要付費訂閱EverNote完整版功能了。

Notion的免費個人方案則史有全部的功能,差別只在於免費方案只能提供1000個Blocks區塊的筆記記錄(我個人用了兩三個月免費版,也才用了3-500個Blocks),並且如果上傳檔案的話只能上傳5MB以下的檔案。

*2020/5/20更新:目前免費個人方案已經全部開放囉!不再有1000個Blocks的限制了!不過檔案大小還是限制只能上傳5MB以下的檔案唷!

詳細更新後的免費個人方案內容可以看Notion官方的更新紀錄

其實Notion的免費個人方案蠻佛心的,我也是用了幾個月之後,適應了Notion所有功能,才決定要付費訂閱的!

OneNote

OneNote Logo

OneNote是微軟推出的一款筆記軟體,他跟其他筆記軟體不同在於,他是以筆記本為單位的用法。每一個不同的筆記本之間的目錄結構、內容是完全分開的。

這樣子的使用架構很適合記錄上課的筆記,針對每一個課程都開一個筆記本,把每次上課、不同種主題的筆記內容放在筆記本中的第二層資料夾,很容易可以搜尋到自己過去所記錄的主題內容。

而其實也正是因為這樣子筆記本的模式造成了某些方面的不方便,當我要把某一個筆記本內的下層分類筆記移動到另一本筆記本中,是非常麻煩的事情。

Notion的自由排版、階層組合,解決了上述的問題。Notion以Blocks區塊為單位,因此舉凡筆記、多媒體、甚至是一個個Notion Pages都可以做為一個Block區塊放入另一個Notion Page中。

而我自己個人最遇到的狀況是,當我在瀏覽網站時,看到一個我想要記錄下來的網頁,我會先把他用Notion的網頁擷取工具,放入Notion的某個Page中,等到有空時再來整理歸類到另一個筆記區塊中。

如果使用OneNote就會很難從暫時存放的筆記本移入到整理分類後的筆記本中,而Notion只要很輕易的將區塊拖曳到整理分類後的Notion Page就行了,實在是非常方便。

Trello

Trello Logo

Trello是一款工作管理軟體,操作畫面上以List為單位,並且每個List上都可以新增Card去記錄工作事項,Card可以在各個List上移來移去,對於專案事項跟進度的移動管理非常方便。

Trello的這個功能,在Notion也擁有,Notion本身就是以Block為單位,因此透過資料庫功能建立出Board View之後,也可以很輕易的把Blocks在這些Board List上移動。

Notion的強大功能不僅僅只有這樣,我們還可以透過切換資料庫不同的View來以表格(Table)、行事曆(Calendar)等不同的版面模式來觀看同樣的工作事項內容,實在是在Trello的好用功能上更上了一層樓。

不過話又說回來,從一兩年前到現在,Notion似乎一直都沒有進行中文化。版面跟功能上都還是透過英文顯示,而Trello的中文化剛好是我在大學時期某門課上,教導我怎麼使用Trello的張老師主導進行的。

因此我一直想像某一天應該也會有一名業界的大神跳出來說:我要把Notion中文化並且推廣到台灣的業界跟學術界,不過就現在來看,這件事情似乎還沒有跡象會發生,大家只能先忍忍使用英文介面的Notion囉!

Google Keep

Google Keep Logo

Google Keep可能不是所有人都會同意把他放入筆記軟體的清單內,但它恰巧是我很常在使用的其中一套記事軟體,因此把他也列入我的分析中。

Google Keep這款軟體是基於Google而建立的一個雲端共享筆記軟體,我最初會選擇使用這款軟體有兩個原因:

  1. 不同作業系統間同步方便:我當時使用Windows電腦以及iPhone,而iPhone的備忘錄沒辦法很方便的同步到Windows中。
  2. 功能簡單且剛好:Google Keep裡面有提供簡單筆記功能或是直接選清單(型態比較類似TodoList),直接Cover掉我兩個最常用的筆記功能。
  3. 便條紙樣式討人喜歡:有各種顏色可以設定,每個筆記都像是便條紙一樣可以隨意拖拉、釘選/取消釘選。

而就算我目前正在使用Notion了,我有些時候還是會開啟Google Keep來使用,原因主要是因為:

  • Notion速度優化不足:有時候我只是要記個小小的事項,打開IOS手機版Notion他大概就會Load個幾秒才出來,對我來說那幾秒非常非常強迫症呀!
  • Google Keep的釘選功能:Notion對我來說像是一套大型的筆記軟體,而Google Keep比較偏向記事軟體,記錄一些暫時的事項,而這些暫時發生的事項有些重要的我就可以使用釘選功能讓他顯示在最上面,而已經過去不重要但還是想記錄的事項我就會取消釘選讓他下去((下去領五百!,這樣的功能我用得很習慣,相較於Notion的多階層多排版,Google Keep的功能雖單調但也直覺。

備忘錄(MacOS)

MacOS 備忘錄.app

我想很多Mac使用者都會使用備忘錄.app來記事吧,我個人的使用習慣中,我使用Notion記錄大型筆記、Google Keep記錄隨記,因此備忘錄這款軟體現在已經淪落到變成一款「我記在裡面的東西都是不重要、忘了也沒差、想到再去翻一下」的軟體了。

先說明一下,我不是說備忘錄這款apple系統專用的筆記軟體不好用或者功能不夠用,而是我個人使用習慣不需要用到這麼多款筆記軟體,Google Keep上面說到可以支援多種作業系統,因此相較於筆記專注於Apple市場的備忘錄,我當然還是會選用作業系統相容性比較高的Google Keep。

而備忘錄我個人覺得跟Notion最大差別在於,備忘錄的筆記樣式雖可調整但是比較少,並且也不支援Markdown語法。

而且我自己在Mac上使用的時候經常覺得他的活用性很低,有時候我並不想要幫一篇筆記下標題,而他標題跟筆記內容放在一起,會自動幫第一行筆記變成標題的這個功能,對我來說跟我的使用習慣很不合。

Google Doc雲端文件

Google Docs Logo

這邊多講了一款軟體是Google Doc(Google 文件),講他是因為我想現在很多學生們做報告、做簡報等都會利用Google雲端上打開文件或者簡報的方式,來進行檔案共編吧。

Notion雖然沒辦法取代線上文件、簡報共編的功能,但如果你使用文件的用途只是為了跟別人共享資訊的話,我反而覺得Notion會是一款更適合的軟體。

Notion有提供分享功能,可以將自己的Notion Page以網頁的方式(不用自己架設伺服器)分享給別人做瀏覽,在別人的那邊看到的畫面就會是一個完整網頁的畫面,非常酷!

因此你在分享網頁時,可以依照對象的不同,而決定你是要以網頁的方式讓對方瀏覽,還是要以共編的方式讓對方打開Notion跟你共同編輯一份Notion Page,使用方式上又更豐富多元了。

Notion優缺點分析

總結上面各大筆記軟體的比較分析,以及我個人其他的使用心得,我幫大家統整出以下幾點Notion的優點/缺點提供給大家參考。

但軟體這種東西,使用起來順不順手見仁見智,建議大家還是可以去使用看看Notion免費方案,在有限的Blocks區塊限制中體驗完整Notion功能。

優點

  • 集大成於一身,可以適用於大多數的筆記需求
  • 以區塊為單位,可靈活移動、排版,創造屬於自己的筆記風格
  • 介面整潔,雖然有豐富功能,但介面卻非常簡潔,讓人很專注的記錄想法。
  • 有資料庫的大型功能,可以把筆記弄的像知識庫一樣,在Notion中建立自己的知識網絡。
  • 有GTD看板專案管理模式、試算表模式(都包括在資料庫功能中)
  • 針對不同的筆記類型都有做最佳化 ex.程式區塊。
  • 擁有網頁擷取套件,而且不只是擷取連結,會連內容一起擷取,非常方便。
  • 可直接將筆記分享成網頁(會有網址),讓看的人操作更方便。
  • 可以幫每個Page設定icon、背景圖。
  • 無限制筆記階層,可以一直延展階層下去。
  • 有免費方案可以體驗完整功能,且非常夠用。

缺點

  • 手機版本載入速度不夠快
  • 目前沒有支援Google日曆
  • 非中文介面
  • 功能較多較龐大,學習曲線較陡,初期需要適應

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

Notion 1小時快速上手懶人包

接下來就到了Notion的快速上手教學懶人包的部分,因為Notion是一款功能強大的軟體,而我希望能在最短的時間內讓大家先體驗到Notion的強大之處,之後再慢慢的去適應與學習Notion的操作模式與其他功能。

因此我特別安排了這一個懶人包的部分,希望能夠減低各位讀者對Notion的陌生感,也對這款好用的筆記軟體有一定程度的認識!

註冊Notion會員

首先不免俗的,我們要使用一款新軟體一定是要先註冊會員的,就跟著本文一步一步註冊Notion會員吧!

點此連結跳轉至註冊會員畫面

Notion註冊畫面

會員註冊與登入的方式總共有兩種:

  1. 透過Google帳戶直接登入
  2. 透過其他Email註冊(包括如果要學生免費方案也要用這個方法),點此跳至該章節

透過Google帳戶註冊/登入Notion

如果你要使用Google帳戶快速登入,請跟隨以下步驟一起做下去,如果不是請直接跳到下方透過Email註冊並登入Notion的部分。

step 1

點右上角的「Log in」直接選擇登入

點擊右上角Log in按鈕

step 2

點擊畫面上的「Continue with Google」按鈕,開始登入Google帳戶

點擊Continue with Google

step 3

在彈出的視窗中輸入Google帳戶的帳號

輸入Google帳號

step 4

輸入Google帳戶的密碼並點擊「繼續」

輸入密碼

step 5

接下來會進入初始設定畫面,輸入你的名字並選擇你的角色(可任意選擇,不影響後續使用),選擇完成後點擊「Next」

輸入名稱與角色

step 6

接下來要建立一個新的workspace,輸入名稱以及選擇此workspace中的成員人數,這邊一開始試用可以選擇Just Me,並點擊「Next」進行下一步

(Notion可以用workspace區分不同的使用者們/使用目的)

替WorkSpace取名

step 7

接下來Notion會讓使用者選擇要預先載入一些預設的模板,或是直接開始不要有模板(完全空白的workspace),這邊我們選擇「Start with Templates」

選擇Start with Templates

接下來就會進入Notion中,也會看到Notion內建的導覽提示,但因為它內建導覽的內容不多,建議大家可以跟著本文接下來的教學一步一步學習

Notion初始導覽

以上就完成了Notion透過Google帳戶登入的步驟了。


透過Email註冊/登入Notion

step 1

輸入自己要申請Notion帳戶的Email並點擊「Get Started」

※這邊如果你要使用學生免費方案的話,請記得使用你學校的Email來註冊哦!

輸入Email並開始註冊

step 2

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

收Email並將Login Code回填
Email收到Login Code畫面
Login Code Email 畫面

step 3

接下來會進入初始設定畫面,輸入你的名字並選擇你的角色(可任意選擇,不影響後續使用),選擇完成後點擊「Next」

輸入名稱並選擇角色

step 4

接下來要建立一個新的workspace,輸入名稱以及選擇此workspace中的成員人數,這邊一開始試用可以選擇Just Me,並點擊「Next」進行下一步

設定WorkSpace建立資訊

step 5

接下來Notion會讓使用者選擇要預先載入一些預設的模板,或是直接開始不要有模板(完全空白的workspace),這邊我們選擇「Start with Templates」

載入預設模板

接下來就會進入Notion中,也會看到Notion內建的導覽,可以跟著步驟了解Notion的操作環境,也可以直接跳過並跟著下面本文的教學一步一步學習

Notion導覽畫面

學生免費方案該如何申請?

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

教育免費個人方案提示

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

啟動Notion教育個人免費方案

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

教育個人免費方案成功開啟

另外提一下,教育方案跟一般的個人方案(Personal Plan)是相同的哦,並沒有因為是免費教育方案而功能縮水,不過如果要使用Team Plan或是Enterprise Plan,就一定得支付每月訂閱費用了哦!

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

Notion介面導覽

接下來要帶大家來認識一下Notion的介面,先對Notion整體有個了解,在一起開始進行操作。

以下會透過Notion Mac桌面版來進行操作,如果要下載Mac/Windows版本的讀者可以點此連結去下載

操作介面

下圖是一進到Notion會看到的畫面,因為我們有選要建立預設模板,因此一進到Notion左方就會有一些筆記的模板,中間的筆記內容畫面也會有資料。

介面上哪個部分是什麼功能可以參考下圖(點擊圖片可以放大檢視哦!):

Notion操作介面

設定介面

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

Notion設定介面

Notion操作教學

大致了解完介面的位置之後,我們就直接開始進行操作,邊操作邊學習Notion的使用方式吧!

建立Page

首先,我們先不要管系統幫我們建立的預設Templates,我們要先學習建立一個單純的Page來記錄我們的筆記。

step 1

點擊左下角「+ New Page」來建立一個Page

點擊左下角新增Notion Page

step 2

輸入標題後,選擇Empty建立一個空白的Page。

第一個Notion Page

step 3

接下來就會看到下圖這樣一個空白的Page,我們先讓這個空白的畫面有些裝飾吧!

空白Notion Page

加入icon與封面照片

Notion的Page可以新增Icon以及Cover(封面照片),我們可以把畫面裝飾得跟下圖一樣有質感

幫Page 加上icon及cover

step 1

把滑鼠指向Page的左上方,就會看到三個按鈕,點擊Add Icon就可以加入一個Page Icon

點擊Add Icon

step 2

Notion會隨機給一個Icon,不喜歡的話可以點擊圖示自己換一個喜歡的

點擊圖示更換Icon

step 3

點擊圖示後會看到很多Icon可以選,也可以選擇「Upload an Image」來自己上傳一個Icon

選擇Icon畫面

step 4

接下來點擊「Add Cover」來新增一個封面圖片到Page

點擊Add Cover增加封面照片

step 5

一樣會先有一個預設隨機的封面照片,可以點擊「Change Cover」自己做更換

點擊Change Cover更換封面照片

step 6

封面照片的選擇就比較多了,推薦可以選擇「Unsplash」,並且搜尋自己想要的封面照片主題,會有很多好看的封面照片可以選用

選擇Unsplash挑選喜歡的封面照片

以上就將我們的第一個頁面裝飾完成囉!


建立Block區塊內容並調整型態

Notion是以Block區塊為單位的,可以看到畫面中這邊寫著“Type / for commands”的地方,就是一個尚未輸入內容的區塊。

尚未輸入內容的區塊

step 1

點左邊的「+」號,會跑出選擇Block型態的選單

Block型態選單

step 2

新增一個Heading 2型態的Block,來輸入標題字

標題 2 型態Block

輸入文字後如圖

標題2如圖所示

可以自己多玩玩幾種基礎型態像是一般文字、標題、清單、數字清單、展開等

step 3

Block也可以新增一個Page,我們點選Page型態的Block

Page型態Block

就會跑出一個新的Page,可以看到左上角的階層是我的第一個頁面 / Block Page

左上角階層可看出這是Page中的另一個Page

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

Page Block

以上就是簡單的Block型態嘗試,若想要詳細了解所有Block的型態可以自己每個都玩玩看,或者看後面的教學文章。


自由調整版面

而其實透過拖曳Block也是可以自由去排出想要的版面的

step 1

例如我想要兩欄式的筆記畫面的話,可以先新增第二個標題

新增第二個標題

step 2

點著左邊六個點,並且將其拖曳到「標題2」的左邊或右邊,如下圖

拖曳變成雙欄排列

step 3

要製作三欄的畫面也是可以的,就在拖曳一個標題過去即可

三欄排列

step 4

而點擊Block左方的六個點,也可以叫出選單,會有刪除、複製、轉換型態等選項可以選取

Block選項選單

文字顏色與文字底色

step 1

在Block中我們點選左方六個點,可以看到下面有Color選單

切換Block Color

step 2

或是將純文字選起來,也會跳出選單可以設定Color

切換Text Color

step 3

Color選單中有文字顏色(Color)以及背景顏色(Background)

可選文字或背景顏色

step 4

增加了文字與背景顏色後效果可以做得像下圖這樣

切換文字或背景顏色後的效果

嘗試看看上述提到的這些操作方式吧!接下來我們就要透過這些基本的操作模式,來製作自己的Notion主頁了!

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


建立自己的Notion主頁

接下來我們將建立一個新的Notion Page作為你的主頁,之後再建立每週隨記、影片心得、課堂筆記這三個Page,來讓大家對Notion的使用方式有更深入的認識。

step 1

首先先建立一個新的Page,將Icon及Cover都選好之後,畫面大概會長這個樣子

Notion主頁樣式

step 2

新增3個Heading 2型態的標題,分別是每週隨記、讀書/影片心得、課堂筆記

新增三個標題

step 3

將這三個標題變為三欄式,這樣未來有相關筆記我們都可以分門別類放到不同欄位中

將標題變為三欄

以上就完成了我們初步的排版規劃,接下來就從每週隨記開始教大家該怎麼運用這個主頁,來延伸出自己每週可以運用的Notion Pages吧!


Notion Page #1 每週隨記

每週隨記可以讓你將每天看到的網頁、影片等各式各樣的資訊都加入,等到一週結束時就可以回顧這一週每天所接收到的東西、所做過的事情等(如下圖展示的效果)。

每週隨記展示畫面

那就讓我們開始學習製作自己的每週隨記頁面吧!

製作每週隨記頁面

step 1

首先第一步我們要先新增一個Page區塊,並取名為Weekly Note #1(或是你要以日期區間比如 12/23-12/29)這樣比較好辨認也可以,我把兩種都弄出來給大家看看效果

新增Page

未來就是我們每週都會複製一份每週隨記,並且在裡面記下當週發生的一些事項

step 2

我這邊用Weekly Note #1來做示範,點開該Page並且選個你喜歡的Icon & Cover吧,這邊我選擇一本書的樣子

設定Icon及Cover

從主頁上看會變成下圖這樣的效果

回上一頁查看效果

step 3

接下來我們在Weekly Note #1 頁面中新增七個Heading 2樣式的標題,分別是星期一~星期日,可以給予不同顏色比較美

新增星期一到日的標題

step 4

而我個人蠻喜歡多欄位式的排列方式,因此我會用雙欄讓我的筆記看起來更有排列效果

調整排版

step 5

而每天發生的事情都可以記錄在各個標題底下,比如週一我看到一個網站很不錯,我就把他網址貼上來製作成網頁書籤(也是Block區塊其中一種型態)

製作Bookmark

step 6

想要列清單來記錄事項、創造新的Page也可以

建立新的Page或清單事項

step 7

在每一週結束後,在複製一份Weekly Note並改名為Weekly Note #2,並將內容清空後就可以在開始新的一週隨記囉!

建立第二個每週隨記

以上就是每週隨記的用法,我通常都會拿來記錄一些瀏覽到的好文章或者網頁,在每一週結束之後我會再將這些隨記整理並記錄到我的知識庫中,在後面的章節中會介紹知識庫的用法。

幫你的每週隨記加上目錄

因為每週隨記會在每一天的標題底下一直加入內容,有可能會造成整個Page變得很長,需要上下滾動才能找到某一天的標題。

這時候如果我們可以在頁面最上方加一個導覽目錄,就會方便許多,以下會教大家怎麼在Page上加入導覽目錄。

step 1

在上方加入一個空白Block(可以像下圖一樣在標題上點Enter換行,就可以在最上方新增一個空白Block囉)

在標題點Enter,加入空白Block

step 2

選擇Table of Contents型態的Block

選擇Table of Contents

step 3

加入後會像是下圖這樣,每一個都是一個連結,可以讓你的畫面快速轉換到標題位置

透過目錄快速切換到標題位置

step 4

當然,他預設跑出來的連結樣式很醜,我們一樣可以自己加上文字顏色或底色

更換目錄樣式

如果你想要每個連結都是不同顏色或樣式,則是需要自己一個一個加上連結,就不能使用Table of Contents

以下再教大家怎麼自己加入像是目錄一樣的連結

step 1

一樣在最上方加入空白Block,這次請直接先用純文字把星期一~星期日打好,並且換好你想要的樣式

自製目錄連結樣式

step 2

若要讓全部的目錄都在橫向同一排,但是字體會被壓縮到,這時候教大家可以點右上角的設定選單.把Full Width勾選起來,畫面旁邊留的空白位置就可以拿來放內容了!

將Page寬度調到最大

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型態

新增Page Block

step 2

點入該Page中,標題可以打上你現在要看的影片標題

輸入影片標題

step 3

將你想看的影片網址複製之後,貼到底下空白的Block中,並且選擇Embed Video

嵌入Youtube影片

step 4

因為已經把影片嵌入到Notion筆記中了,所以就可以直接按播放,並且在同一個筆記畫面裡打筆記囉!

播放影片邊打筆記

影片心得分類

而看的Youtube影片一多,可能就會很亂,這時候我會選擇先在最外面分好不同的影片類型,再把影片放入相對應的分類Page中。

接下來就教大家一下怎麼樣幫影片建立分類Page。

step 1

依照自己常看的影片類型,把每個分類都新增一個獨立的Page

建立分類Page

step 2

幫每個Page都加個Icon比較美觀

加上美觀Icon

step 3

再來就是將剛剛做的Youtube影片筆記直接拖曳到對應的分類Page中

拖曳影片心得到分類Page

step 4

接下來點開該分類Page,就可以看到剛剛的影片心得,也就成功做了簡單的影片心得分類

查看某分類的所有影片心得

其實從這個分類的方式可以看出,Notion真的是一款非常自由的筆記軟體。可以隨意的拖曳、新增Blocks來達到自己想像中理想的Page排列。

因此這邊只是簡單帶大家做出一個範例,這樣的範例也許不夠完美,但是也希望透過這樣可以引導大家開始作出更多更不一樣、有創意的頁面排版!


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

Notion Page #3 課堂筆記

接下來要分享的是課堂筆記,Notion現在針對學生有提供學生免費的個人方案讓大家使用,因此一定要教學一下,如果我要用Notion來做我上課的筆記,該怎麼做比較好。

製作課堂筆記頁面

step 1

首先先在課堂筆記底下新增一個Page Block,標題可輸入上課的日期與課程名稱

新增課堂筆記Block

step 2

點進Page之後可以按照你自己的想法去將筆記排版,這邊我就不多做說明,我自己做筆記是沒有做什麼樣式,就是一行一行打下來而已,靈活運用Block的每種樣式比如清單、數字清單、展開清單、CallOut等等,就可以做出方便閱讀的筆記。

新增筆記

筆記分類

我們在學校上課通常每學期可能都會有不一樣的課程,所以其實若要將課堂筆記分類,可以依照學期->課程名稱->課堂筆記 這樣來分類。我們接下來就一起來建立課堂筆記的分類吧!

step 1

在課堂筆記底下新增依照學期分類的Page,這邊我依照大學四年建立八個學期的Pages。

新增筆記分類

step 2

接下來點進大一上的頁面,製作出基本的課堂排版(可以使用多欄位、顏色等區分不同課程),下圖直接放上成果圖片

製作不同課程的標題排版

圖片中我用了兩種不同的方式來區分該學期的科目,一種是每個科目是一個Page,優點是可以放Icon比較好看,缺點是你點進科目就會跳頁到另一個畫面,來回切換比較麻煩。

Page分類方法

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

Toggle List分類方法

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

記錄筆記

以上就是課堂筆記的用法,但其實課堂筆記有一個更適合的使用方式,那就是使用Notion強大的資料庫功能,來建立Class Notes模板!

在後續進階的章節我也會教大家如何使用資料庫來建立課堂筆記,效果會像下圖這樣!大家可以繼續往下閱讀!

用資料庫記錄筆記

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


分享你的頁面

而到這邊快速上手懶人包的三個案例也告一個段落,非常歡迎大家跟著做到這邊之後,可以分享你所建立的個人主頁網址到本文最下方的留言處跟大家分享哦!一起互動學習才可以加速習慣使用Notion!

接下來就教大家怎麼分享自己所建立的個人主頁囉!

step 1

進入到自己的個人主頁,點右上方的「Share」按鈕

點擊右上角Share

step 2

我們開啟Public Access的權限,並且要確定權限僅有開啟「Can Read」(只可讀取)或者「Can Comment」(可以新增評論),自己的內容才不會被網友更動哦!

Can Read / Can Comment

step 3

接下來就點擊Copy Page Link,並且將連結貼到下方留言處,我就可以去瀏覽你的個人主頁囉!

複製Page連結

step 4

想要測試看看自己的連結可不可以讓別人閱讀,可以開瀏覽器的無痕視窗,貼上連結後,可以看到個人主頁畫面就是確定可以囉!

分享個人主頁的畫面

非常謝謝你閱讀到此處,完成了快速上手的懶人包之後,建議讀者可以透過上面所學到的技能先使用Notion一陣子,適應一下操作的方法。每一個工具在接觸初期,盡快讓此工具幫助到你日常的生活與工作流程才是最重要的!

如果你用了一陣子想要學習更進階的功能,或是你現在就想要把Notion練到精通,歡迎繼續閱讀下方的章節唷!

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


Notion紮實基礎教學

看完本文前面的快速上手懶人包教學後,這一個章節會帶大家更深入了解Notion的使用方式,讓大家學了這一章節之後可以將Notion的基本功能用得爐火純青!

Notion 支援的 Markdown 語法是什麼?ft. 推薦的Markdown編輯工具

Markdown是一款輕量級標記式語言,可以過純文字的標記語法來將文字上加上樣式,比如各種大小的標題、清單符號、圖片、超連結等都可以做到(如下圖,左邊的語法可以變成右邊的樣式)。

Markdown語法示意圖

我是從大概大學畢業前開始接觸Markdown語法的,簡單來說Markdown就是可以透過簡單的語法來輕鬆寫文章,並且還能夠有樣式。

如果想要了解更多Markdown語法相關的資訊可以參考Markdown官方網站,裡面有很詳細的語法教學。

而在這邊我也推薦幾款我有在用的Markdown編輯器提供給大家做參考。

線上Markdown編輯器-HackMD

HackMD是一款線上即時的Markdown編輯器,可以自己或者跟團隊一起透過Markdown語法共編文件。

最一開始我接觸到HackMD是在一場程式語言論壇上,那時候講臺上的講者正在講課,而會場的傳單上有一個QRCode寫著「百人共編連結」,連上去之後才發現在會場的上百個聽講者都共同在HackMD開了一份文件,大家一起做筆記記錄台上講者的演講重點。

當時真的對這個狀況非常的驚艷,居然可以用一個線上共編的平台一起記錄演講、旁邊還開了對話框可以即時討論,真的非常方便!

HackMD線上即時共編畫面

而另一個我覺得很方便之處在於,HackMD不僅可以製作文件,還可以透過Markdown語法做簡報!

你沒聽錯,就是做簡報!

下方這個圖是我為我學校的學弟妹製作的一個程式語言入門課程的簡報,最一開始我是先用以下的文字方式打出內容

透過HackMD做簡報-文字部分

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

參考連結

透過HackMD做簡報-簡報示意圖

跨平台Markdown編輯器-Typora

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

Typora編輯器畫面

並且這是一款跨平台的編輯器,MacOS跟Windows作業系統都有哦!想要試試看的朋友可以點此連結去下載

因為我之前的部落格是透過Hexo + Github Page去建置的,裡面主要都是隨便記錄一些我在開發程式語言過程中遇到的問題,因此希望講求可以快速方便的撰寫文章,Markdown語法就是非常好的一個快速寫文章語法。

下圖是我當時撰寫的其中一篇文章,也是在寫Notion教學的!(當時剛開始玩Notion這款筆記軟體,所以內容比較簡便,沒有這篇文章這麼詳細豐富)

Typora寫文章畫面

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

Markdown寫文章後的瀏覽器畫面

總之,可以透過類似程式語言的方式(且語法不難),快速給予你的文字、文章一個精美的樣式,真的很方便!

而Notion又支援此語法,因此我覺得如果想要精通Notion、提升自己做筆記速度的讀者,一定不能錯過Markdown語法!

在Notion上使用Markdown語法

看完上面的Markdown展示是不是很酷呢!而Notion這個筆記軟體也是支援Markdown語法的,你可以直接在Notion Page中輸入Markdown的語法,也可以賦予筆記內容一個簡單的樣式哦!

Notion中使用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中的其他成員。

標註WorkSpace的其他成員

Mention a Page(標註WorkSpace中別的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中,需要帳戶認證才可嵌入。

Google雲端硬碟嵌入

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

推特嵌入

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

Github Gist嵌入

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

Google地圖嵌入

PDF(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 Web Clipper

他目前的功能只能擷取網頁全文,但因為可以截取文章的圖片及內文,並且擷取速度非常快,因此也在這邊推薦大家可以下載到自己的瀏覽器上使用!

點此下載並安裝Notion Web Clipper

安裝後在瀏覽器右上角就會出現一個Notion的icon,我們可以在我們想要儲存的頁面上點擊該icon,就能將文章整個擷取到Notion中。

透過瀏覽器外掛擷取網頁內容到Notion

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

在Notion上瀏覽剛剛擷取的內容

值得一提的是,Notion 目前是單純的抓取網頁中的標題、文字、圖片,因此是不會保留原有的文章樣式,而是將內容保存下來而已。

用手機擷取網頁內容到Notion

而如果是在手機上瀏覽網頁的話,也是可以直接將內容儲存到Notion中的。

step 1

看到有價值的內容時,點擊右上角分享的icon,並在選單中找到並點擊Notion。

在手機上選擇分享網頁,找到Notion分享按鈕

step 2

輸入自訂的標題並選擇要將網頁擷取到哪一個Notion Page中,點擊右上角「Save」即可儲存網頁。

輸入自訂的標題並儲存網頁到Notion

step 3

在Notion中開啟Notion Page畫面,即可看到剛剛擷取的網頁內容。

在手機版Notion上瀏覽剛剛擷取的網頁內容

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


如果對文章內容有任何問題,歡迎在底下留言讓我知道。

如果你喜歡我的文章,可以按左邊的分享按鈕,讓更多的人看見我的文章。

by Mr.K | 領先時代

作者資訊

Mr. K

熱愛分享、熱愛研究軟體與新事物的自由接案工程師,同時目前也是一名在學的碩士生。

  • 非常感謝Mr.K的教學文,一步一步跟著上手
    想請問Notion是否可以調整字型呢?我找不到相關的功能
    因為看到您的示範截圖文字是粗的黑體,但我的頁面打出來卻是細的明體,個人不太喜歡,希望可以調整成黑體,不知道從哪裡可以調整?

    • Notion在每個Page右上角可以點開選單調整字體,有三種字體可選
      另外因為我個人是使用Mac電腦,跟Windows系統上開Notion字體看起來也有些差異,這部分倒是沒辦法調整哦~

  • 認真看完雖然還沒辦法全部應用
    但也慢慢開始學了
    希望往後看到K大更進階的分享!
    拍手推爆

  • 你想請教一下,NOTION在單純使用表格整理資訊上是否不太方便,沒有單純的表格功能,假設我從EXCEL把表格複製,它會形成表格資料庫,不會是單純的文字而是變成頁面。

    • 表格的確就只能用資料庫的型態,但他也可以插入表格到單一的Page中,變成有點內嵌表格的樣子
      不過這也是我認為Notion是優點也是缺點的一點
      他功能豐富,但也有點太豐富了,當你想要簡單操作的時候,就會覺得複雜

      • 謝謝你的回覆~ 對阿就算是內嵌表格也是資料庫的型態,感覺就是要另找其他方式去取代用表格整理的模式 XD

    • 你可以使用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有什麼作用呢?

  • 您好,首次接觸notion就看到您的教學文章,對新手來說真的很有用,非常感謝!不過目前我遇到一個問題,我原本就使用了學校信箱註冊了會員,但是進去時,以為還不是開通給教育版的,在plans用了一下,最後按了個人免費版並確認(我以為一開始誤按了別的需要付錢的pro版,所以就修改回免費版),不過後來確認了pro版其實也就是教育版,但是似乎改不回來了?因為我再到plans要點選pro時,卻要收費了QQ,請問這樣的話還有辦法修改回去嗎?還是無法了呢?

    • 你好 謝謝你喜歡我這篇文!
      建議你可以找Notion的客服人員幫你調整回去學生免費的Pro方案,電腦版的Notion右下角有個問號,裡面可以找到Notion客服聯絡的Chat。

  • k大真的太猛了!我昨天剛下載好notion正在摸索要怎麼無痛從Evernote轉移到N就在社團裡看到你的文章推薦了! 文章真的很長,但我卻耐心的從頭看到尾,儘管是對我來說很陌生的markdown功能也仔細讀完,非常受用的文章啊!難怪穩坐搜尋榜第一名。

    • 哈哈哈謝謝你喜歡!因為自己平常就是用這個筆記軟體,相對就蠻熟的。
      以後有機會再寫一下進階的使用方法

  • K大好,今天第一次使用notion,看了您介绍感觉很好使用。但实际我的block自由拖拽出了问题,不知为何?它无法并排陈列,期待答疑。

    • 固定是透過Widget Options這個外掛固定的唷~
      然後太長要設定捲軸需要寫一些程式碼來改
      如果你有興趣可以用聯絡我們表單來發送email給我,我在email中跟你詳細說明~

  • 1. Notion似乎沒有『回復』功能,每次打錯字,或者不小心犯錯,都無法回復到上一個步驟,最後都不得不刪除錯誤部分、重新再輸入,這一點十分麻煩!
    2. 好像不是每個block都能如願加上tag。假如希望給block加上tag,該怎麼做?

    • 1. 回覆的功能似乎是以Block為單位的,點離開那個Block並且點ctrl/command + Z應該就可以復原上一步驟,在block輸入狀態似乎是不行沒錯
      2. tag功能我很少用到,不過我嘗試在一般的text block中用tag好像是正常的

  • 這篇文寫的超詳細,對於還是大學生的我會需要用到這種筆記軟體,文中都有一步一步的懶人包教學,超推這篇文!!!

  • {"email":"Email 不正確","url":"網站網址錯誤","required":"必填欄位未填入"}
    >