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



 

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

Notion教學

最後更新時間: 2021 年 05 月 02 日

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

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

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

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

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

【Notion 實戰課程:打造專屬數位工作術】

我在 Hahow 開設了一堂課程,教大家透過 Notion建立自己專屬的數位工作術

有興趣的話歡迎點下方連結查看課程說明!

課程網址:https://hahow.in/cr/notion-hahow

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),並且如果上傳檔案的話只能上傳 5 MB以下的檔案。

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

詳細更新後的免費個人方案內容可以看 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 常見問題教學】如何將欄位變成兩欄、三欄?靈活排列出自己喜歡的版面樣式


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

【Notion 實戰課程:打造專屬數位工作術】

我在 Hahow 開設了一堂課程,教大家透過 Notion建立自己專屬的數位工作術

有興趣的話歡迎點下方連結查看課程說明!

課程網址:https://hahow.in/cr/notion-hahow


分享你的頁面

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

訂閱最新文章

如果你對更多實用內容與文章感興趣,就輸入 Email 訂閱我們的電子報吧!

我們不會亂傳信打擾你的!而且可以隨時取消訂閱唷!

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

 

參考→https://leadingmrk.com/the-most-complete-guide-to-notion/

--------------------------------------------------------

歐付寶要線上刷卡或是超商支付、支付寶,都可以選擇,

如要讚助華哥也可以!

費用多少你可以自已填入金額,確定多少就填多少,隨時可以變動→https://p.allpay.com.tw/8Z1Q4

--------------------------------------------------------










註冊比特幣:介紹購買存500送100台幣,推廣滿500送50台幣→https://www.maicoin.com/zh-TW/sign_up?r=BIfGy
BTCClicks.com Banner
如有興趣想了解可加LINE

我會邀請你進社群

line 投資評估群 http://line.me/R/ti/g/wALNyrh_QM

華哥LINE ID:0938985712 http://line.me/ti/p/QmJd59-9Ep

身心靈成長評估預約、投資群評估→http://line.me/ti/p/QmJd59-9Ep

Wechat微信:s1867038-2

雲聯惠:消費全返(加入免費) 


 

註冊雲聯惠→http://uc.yunlianhui.cn/index.php/Register/registerOne/rcm_id/%E9%99%B3%E6%B9%98%E5%BF%83.html







”免費將您的網站提交到Web的前50個搜索引擎!“

 

☆華哥觀點★

Notion專業版的筆記,

不論是簡單的或是復雜的!

都可以使用!

重點是它是免費的!

真是超值的軟體和介紹!

 

也歡迎來預約黃金套餐或哈利波特或仙道道家帥哥美女養成班、15次元SKT(Super-KwanYin-Therapy)超級觀音療法班、觀音靈氣班、華哥招財發發發班、星座占星班、手相班、臼井靈氣班、能量板班、18重冥想第三眼讀書會、高階經理浴火鳳凰套餐(初階+中階)、華哥-哈利波特魔法學校工作坊兒童班1、陽宅風水、道家生基改運…! 

 

☆華哥因應2012年靈性成長超值豪華黃金套餐★

☆華哥因應2012年靈性成長超值豪華黃金套餐索引表-1★

☆好書介紹-作者:楊修與建華(華哥)與造物主和高次元存有對話:宇宙與人生的知曉)★

☆謙卑-不退轉的心、勿忘初衷-第8脈輪大總管千手觀音指引華哥訊息★

☆台灣之光‧全民力挺Lin來瘋~陪同O.B一起力挺這股熱潮吧-通路王(決心決定一切成就)★

★2012年2月26日台灣屏東發生6.1級地震-迎接2012年光子帶地震將接踵而來要如何因應轉變請順流參加心靈成長課程吧! ☆

★迎接2012光子帶來臨次元連升二級第3次元升級到第5次元-地獄半開門-你該怎麼做?★

☆2012年12月21日瑪雅聖曆到來能量場轉變升級即將開始為期一年★

☆2013年,次元轉換從第3次元進入4.5次元,來的冤親債主也變兇了請注意!★

☆輕鬆派心靈成長法-不分年齡層適合每個人的New Age法門:★

☆華哥-哈利波特魔法學校工作坊兒童班1★

☆華哥五行吉運養生網高階經理浴火鳳凰套餐(初階+中階)-1★

☆華哥五行吉運養生網高階經理浴火鳳凰套餐(初階+中階)-2★

☆華哥五行吉運養生網高階經理浴火鳳凰套餐(初階+中階)-3★

☆{學生總集Q & A -問與答}-1★

☆{學生總集Q & A -問與答}-2★

☆{學生總集Q & A -問與答}-3★

☆{學生總集Q & A -問與答}-4★

☆華哥魔法學院-分類課程-1★

☆華哥魔法學院-分類課程-2★

☆華哥魔法學院-分類課程-3★

☆華哥 課程導覽手冊索引★

★華哥課程導覽手冊(1)-觀音靈氣☆

☆華哥課程導覽手冊 (2) 超值豪華黃金套餐之六★

☆華哥課程導覽手冊 (2) 超值豪華黃金套餐之七★

★華哥課程導覽手冊 (2) 超值豪華黃金套餐之八☆

★華哥課程導覽手冊 (2) 超值豪華黃金套餐之九-1☆

☆華哥課程導覽手冊 (2) 超值豪華黃金套餐之九-2★

☆開靈性服務-開展第三眼讀書會心得!★

☆第三眼二天一夜黃金套餐哈利波特魔法學校工作坊心得-1★

☆第三眼二天一夜黃金套餐哈利波特魔法學校工作坊心得-2★

☆2010年華哥感恩滿華哥五行吉運養生網部落格三週年回饋幸運福袋-拉吉袋專案★

☆2012年華哥工作室公益日文學習第一波-Martin Chen老師初級日文平日班教授★

★華哥2015年節禮盒預購活動-需要的可到華哥工作室自取(第三眼讀書會年終特惠活動)★

☆2015年x年x月分子矯正健康能量檢測良導絡量子檢測班一日工作坊-第4梯次☆-招生中

☆瑪莎芬可介紹-華哥覺得能量不錯的公司產品★

☆華哥五行吉運養生網-半日風水師之旅★

☆WH小姐占星流年運勢★

☆2017年開始ARIIX愛睿希睿康(750cc)升級2400換MOA睿康(小包裝30包總共1500cc)5430元-助養套餐變更★

☆2020年8月19日、9月3日、9月16日-華哥農曆七月超渡共修活動★

☆雲聯惠介紹-消費等於儲蓄花錢樂返給你(華哥五行吉運養生網樂返80%)★

☆2021年6月19日(六)開靈性診療室-台北開展第三眼假日班讀書會(第二十二版本)-第十八梯次!★(line 視訊直播)

☆2015年12月7日(一)開靈性診療室-台北開展第三眼平日班讀書會(第二十一版本)-第八十六梯次!★

☆第三眼二天一夜高雄行哈利波特魔法學校工作坊第四十二梯次2015年2/15-2/16!★

☆2015年2月15日(日)開靈性診療室-高雄開展第三眼假日班讀書會(第二十一版本)-第八十七梯次!★

☆2014年5月3日(六)台北大天使神諭卡教學★

☆2014年2月7日(五)台北道家仙道帥哥美女養成班★

☆15次元SKT4(Super-KwanYin-Therapy)超級觀音療法-4★

☆2013年10月18日(五)台北15次元SKT(Super-KwanYin-Therapy)超級觀音療法班★

☆2013年10月7日(一)華哥-招財發發發班★

☆2013年10月5日(六)台北來自天上的禮物觀音靈氣-紫羅蘭火焰靈氣班★

☆2013年3月31日(日)台北15次元SKT(Super-KwanYin-Therapy)超級觀音療法團練party★

☆2012年11月24日高雄道家仙道帥哥美女養成班★

☆2012年10月17日道家仙道帥哥美女養成班-平日班-1★

☆2012年10月18日道家仙道帥哥美女養成班-平日班-2★

☆15次元SKT3(Super-KwanYin-Therapy)超級觀音療法-3★

☆2012年8月25日15次元高雄SKT2(Super-KwanYin-Therapy)超級觀音療法-2★

☆2012年7月21日高雄神奇工具-波爾風姆斯能量板(外星圖?拓印下來-充滿力量)★

☆2012年7月5日(四)台中大天使神諭卡教學★

☆2012年6月23日道家仙道帥哥美女養成班-假日班-1★

☆2012年6月9日(六)高雄15次元SKT(Super-KwanYin-Therapy)超級觀音療法班★

☆2012年6月17日道家仙道帥哥美女養成班-假日班-2★

☆2012年4月28日高雄來自天上的禮物觀音靈氣-紫羅蘭火焰靈氣班★


☆2011年11月13日星座占星教學、觀音靈氣、臼井靈氣1、2級團體班★

☆2011年5月28日手相星座占星教學班★

☆2011年4月10日手相教學、天使卡團體班★

☆來自天上的禮物觀音靈氣-紫羅蘭火焰靈氣班★

☆華哥-招財發發發班★

☆華哥-招財發發發班2★

☆華哥-招財發發發班3★

☆Dingo達人-褐藻醣膠購買方案-引用★

☆璽悅尊爵"五色吉祥玉寶"時尚手鍊-引用★  

☆神奇工具-波爾風姆斯能量板(外星圖?拓印下來-充滿力量)★ 

☆星光碟-神奇工具-波爾風姆斯能量板(外星圖?拓印下來-充滿力量)(2000元請洽華哥)★

☆痠痛救星★遠紅外線奈米(鈦鍺)能量、靈氣貼片,可重複使用喲(現貨供應中 請來電詢價)★

☆遠紅外線奈米魔法髮箍(靈氣髮箍)(能量項圈)(能量環)~ 頭痛族、電腦族、準備考試者必備裝備★

☆萬能幹細胞-最新生技新產品★

☆健康的照妖鏡-華哥的量子細胞檢測★

☆DLC樟芝黑咖啡Cafe Diamante-養生咖啡★

☆DLC樟芝咖啡(2合1)Cafe Diamante-養生咖啡★

☆DLC全系列生活亮采薔薇玫瑰緩敏沐浴露★

☆間腦受傷造成失眠淺眠主因-間腦需要營養葵烯酸★ 

☆廣東健康養生茶-普爾茶(普洱茶)介紹-需要洽詢華哥★

☆天然草本介紹★

☆華哥家獨特配方-舒壓清爽茶-玫瑰、薰衣草★

 

☆繪心-彩光紓壓個案!★


能量貼布-疲勞、靈修、靜坐、無力感、燃燒脂肪產生能量、避免負面能量干擾


超讚的刮痧按摩油-(輕鬆識別)刮出水多刮沒出水不用刮

第五次元臼井靈氣一級、二級點化:1萬5左右,黃金套餐,可以3000元優惠,1天時間!
來自天地之間療癒的能量、靈氣蓮花能量流!

1 次5次點化,42天自我淨化期!

降低點化、練習等待時間!更有效率學習臼井靈氣宇宙正面能量!


Verbatim威寶 16GB microSDHC Class10 記憶卡 (含轉卡)【福利品】SHARP SH630e 4.3吋雙網雙卡雙待亞太智慧機

 

 

 

 


 

 








沒有上一則|日誌首頁|沒有下一則
回應

☆☆☆☆☆華哥在這邊向大家恭喜新年快樂!2021年金牛踏實年!注意太歲點光明燈(本命星)、多助養累積福報,年底地獄又放一批好兄弟囉記得養成超渡習慣,2021年是努力踏實的人發大財,注意動口溝通務實產生力量!★★★★★
1、心靈成長:提供皮紋檢測(命理)、星座算命排流年、手相、生肖姓名學等算命諮詢、天使卡占卜問事、前世今生諮詢、天使卡教學、臼井靈氣教學、下部世界(力量動物)、元神宮遊歷、第三眼讀書會、工作坊教學、SKT超級觀音療法、高階經理課程、量子檢測(細胞檢測)、助養貧童計劃投資理財!,雲聯惠消費全返!華哥電話:0938-985712(LINE ID),s1867038-2(wecaht id),華哥的匯款帳號: 台北富邦012 帳號:702168192988 工作室地址:新北市樹林區龍興街32巷3號2樓,轉址: s1867038.idv.st

    沒有新回應!
Re:[www.hnthjx.com],By www.hnthjx.com 於2014-06-09
平均分數:0 顆星
投票人數:0
我要評分:
公商服務
googlead







最新消息區
☆☆☆☆☆華哥在這邊向大家恭喜新年快樂!2020年金鼠貴人旺!注意太歲點光明燈(本命星)、多助養累積福報,年底地獄又放一批好兄弟囉記得養成超渡習慣,2020年是貴人幫助大發,注意務實產生力量!★★★★★
1、心靈成長:提供皮紋檢測(命理)、星座算命排流年、手相、生肖姓名學等算命諮詢、天使卡占卜問事、前世今生諮詢、天使卡教學、臼井靈氣教學、下部世界(力量動物)、元神宮遊歷、第三眼讀書會、工作坊教學、SKT超級觀音療法、高階經理課程、量子檢測(細胞檢測)、助養貧童計劃投資理財,雲聯惠消費全返!華哥電話:0938-985712(LINE ID),s1867038-2(wecaht id),華哥的匯款帳號: 台北富邦012 帳號:702168192988 -皮紋檢測含報告及諮詢(外面檢測要2500)+手相諮詢1500元 -進階占星星座算命排流年、合婚、流年運勢1200元 -天使卡占卜問事前世今生諮詢、遠距OK(限問3件事) 600元,半小時到一個小時時間!
☆華哥五行吉運養生網-半日風水師之旅★
☆話說前世今生(回溯)之謎★
亢達里尼靈氣
臼井靈氣
☆華哥因應2012年靈性成長超值豪華黃金套餐★
點擊進入下載-華哥因應2012年靈性成長超值豪華黃金套餐-1.doc

★Trivani穗樺妮-換個品牌公益助養小孩計劃!
☆鈦金助養貧童套餐★
☆網賺列表-有領到錢★
2、歡迎訂購永久產品五行青菜湯五行吉運養生手環、手鍊(開運發財)能量SPA棒(可過熱水、過濾雜質)刮痧按摩油Fucoidan (藻寡醣)-海之至寶藻寡醣膠囊南極蝦精☆女人的戰爭-逆轉塑身霜★能量板
★有關fly-win,防癌、養生、消費就可以經營,一份良心幫助人事業!不定期舉辦健康講座有興趣歡迎和華哥洽詢!
☆第三眼二天一夜台北行哈利波特魔法學校工作坊第三梯次12/24-12/25!★ 開始接受報名,(目前1人報名)12/24日(四)早上12:00-12/25日(五)中午12:00回家,地點:宮林賓館 台北市大同區太原路79巷37號(飯店)! (會因應飯店訂房狀況,會有一些異動,敬請原諒!)
2009年11月8日(日)開靈性服務-開展第三眼假日班台中讀書會(第八版本)-第???梯次! 開始接受報名(15-20人),11月8日(日)早上11:00-3:00PM,地點:內兒的店nell 台中內兒的家 www.nells-home.blogspot.com 台中市西區精誠22街1-1號 店內有好幾隻可愛的貓! 台中市西區精誠22街1-1號 (精誠路及向上路口)
☆2020年1月12日(日)開靈性診療室-台北開展第三眼假日班讀書會(第二十二版本)-第一梯次!★開始接受報名(10人額滿3人報名),1月12(日)早上9:00-12:30,地點:華哥工作室:新北市樹林區龍興街32巷3號2樓!迴龍捷運2號出口(公車藍37、810、635、636公車到龍華科技大學附近),課程後可接受預約哈利波特
☆第三眼二天一夜高雄行哈利波特魔法學校工作坊第四十二梯次2015年2/15-2/16!★(1人報名),2/15日(日)3:00-2/16日(一)中午12點checkout,地點:固興飯店,高雄市南台路197號(高雄中學對面)
☆第三眼二天一夜宜蘭行哈利波特魔法學校工作坊2011年第二十三梯次12/17-12/18!★ (目前2人報名-接受報名中),12/17日(六)早上9:35-12/18日(日)下午15:00回台北,地點:宜蘭市慈安路10巷2弄17號(華哥家)! 週3開始訂車票! 訂葛瑪蘭雪山號!12/17早上在台北轉運站4樓集合! (會因應火車票訂票位置,時間會有一些異動,敬請原諒!)
★永久公司蘆薈產品七折歡喜購☆
愛是全世界最佳解答!(3051) 智慧並非學習而是領悟,是你遺失已久的天性!
熱門新聞即時排行統計:2020.1.5: 張善政、陳建仁紛至苗栗掃街催票→林靜儀爆爭議!他斷言綠亂了手腳→百大美女第一名驚見一片驚網暴動→韓說這句話!韓粉聽完一直哭→奢侈品炫富,非洲有這東西才是土豪→周錫瑋批政府查水表要蔡出面→工程師抖內被甩駭女網友po裸照→夏宇童被問孫協志險招架不住→桃園三鄭虎頭山拜票陳菊現身挺→發表會這幕韓粉驚呼跟他真像
PageRank Plus - Mr. Clear
anoox





Powered by Xuite
關鍵字
☆商品推薦★




超讚的刮痧按摩油-(輕鬆識別)刮出水多刮沒出水不用刮


小貝殼自閉兒海洋精油手工皂(釋放壓力、淨化自已、發揮愛心)!
★Trivani穗樺妮助養小孩計劃!
第五屆部落客百傑
服務區
廣告區2

☆★惠賜一票★☆ ☆★惠賜一票★☆
轉貼



☆6688大順網賺加入★ ☆點廣告賺點數★




Real Time Web Analytics Clicky
我要啦免费统计






累積 | 今日
loading......
[此功能已終止服務]
googlead2