
上圖版權Notion.so
Notion的頁面簡潔美觀, 在功能上也高度整合了筆記、資料庫以及專案管理等,可同時在電腦及手機上安裝,是一個全方位的工具平台 。
安裝Notion
點此注冊Notion連結跳轉至註冊會員畫面

-
- 到 Notion.so 註冊頁面, 可選擇email 或Google帳戶快速登入。
- 輸入名字並選擇personal(個人使用)。
- 完成後,即可進入 Notion 的起始頁面。
- 首先會進入Notion的模板Templates選單, 我們要從一個新的頁面開始, 因此跳過模板直接點擊”左側欄”最底層 “+New Page”開啟新頁面[圖一 ] 。
從文字編輯的觀念入手
每個人都需要做筆記,從日常的記帳、寫日記、寫學習的筆記,文字編輯是必要且最好入手處。當然Notion的功能不僅於此,我們先從文字編輯入手,由點擴展至面,有個清晰的理路,才不會迷失在叢林間。
創建一個新頁面
以下是已經開啟後正在編輯的Notion基本頁面,點擊”左側欄”最底層”+New Page”或使用快捷鍵 cmd/ctrl + n 可產生一個新頁面。
見[圖一 ]首先在第一層目錄建立一個新頁面

[圖一]↑
開啟新頁面後,可看到頁面內有灰色字的提示及頁面功能表選項。
若選擇新頁面左上角的”Open as page”可展開頁面。
首先建立頁面標題。
點選Empty或按Enter開始輸入文字。

[圖二]↑
提示:點擊側邊欄頂部的<<可隱藏左側邊欄

[圖三]↑
開始寫作&編輯寫作的風格
MARK任何一段文字皆會跳出橫向的工具列,此工具列有編輯文字的常用功能;如粗體B、 斜體 i、底線、刪除線、超連結Link、或選擇文字顏色等…..功能。
詳見如下[圖四]↓

我們來認識一下基本文字編輯的功能表。

[圖五] 當我們MARK(圈選)某段文字時會彈出基本文字編輯功能表。
- 選擇此工具列會彈出表 TURN INTO的工具列, 此工具列可將圈選的文字方塊作轉換 。
- Commant對所選文字作註解
- 粗體字
- 斜體字
- 字體下加底線
- 刪除字
- <>標註程式碼
- 加入超連結
- 建立方程式
- 文字顏色選項
- @ 標註某人、某頁或日期
- 詳見[圖七]說明
TURN INTO 轉換功能表

[圖六] ↑
[圖七] ↑
功能選項介紹
點選頁面右上角的 … 選項,會出現右側欄選單列,可更改頁面寬度及本文字體大小,當然還包含更多其它的功能提供選擇。詳見[圖八]及[圖九]

[圖八] ↑

[圖九] ↑
當鼠標指到每一行的字首時會出現 + 號以及六個黑點,點選六個黑點會彈出如下圖所示的功能選單。

此選單內有刪除、複製、移動、轉換Turn into…..等等功能。
如下圖所示,要將某一段本文加上項目符號時
- 先MARK此段文字
- 鼠標點選六點黑點彈出功能表單後

- 移至 Turn into 功能
- 選擇Numbered list 可將本文轉換為選單列表

則可為此段文字加上項目符號,如下圖所示。

若點選六個黑點左側的 + 號,則會彈出BLOCK功能列表,此與使用slash斜槓命令的功能一樣。

使用slash斜槓命令工具列
鍵入 / 可彈出 BLOCK 的內容選單,可滾動到所需的選單功能或者在slash斜槓命令後面下指令,可快速找到所需要的指令
/ h1 創建一個大標題
/ todo 快速找到 “To do list”
直接運用Markdown語法
此語法可藉由一些簡單的符號產生常見的文字樣式
例如:
+ space 可產生 Heading 1
+ space 可產生 Heading 2
若要在文字下方產生一條水平線,只要連續輸入三個 – – – 號即可
移動內容
Notion 是將所有的文字或物件視為BLOCK,因此我們可將其如同積木方塊一般任意搬移。只要框選要搬移的物件,將鼠標指向”六個黑點”上方,當出現手的形狀時,即可拖拉鼠標到想搬移的位置。
如下圖所示

修飾頁面
最後我們可以為頁面加入”圖標”、”頁面BANNER”或”加標註”

如下圖:為頁面Add icon加入圖標、Add cover頁面橫幅圖片及Add discussion添加討論的人員

結語
以上基礎頁面編輯大家先熟練單頁文字的編輯,每次先從頁面左下角的 “+New Page”開啟一個新頁面作編輯,一段時間熟練了N的頁面操作之後,此時也建立了很多的頁面(類似很多.TXT的File一樣),我們就可以開始練習建立目錄為頁面作分類,學習更進階的功能了。