首页
金库
提案
资源申请
市政厅
项目/公会
应用
档案馆
SeeDAO百科
🎨

樣式與自定義

狀態
✅ 已更新
Last edited by
負責編輯人
Catherine Cheng
最後更新
在本文中
你可以依你的需求設計 Notion 的外觀和感覺,比如你的品牌、團隊或風格。我們內建了一些功能協助你自定義任何 page(頁面) 或 workspace(工作區)。無論如何,Notion 能讓你的設計看起來很棒。

Text styling(文字樣式)

Notion 配備了你所期待的所有文字樣式特性,並且加入了一些新的功能。反白任何文字,以查看此選單:
notion image
 
當然,所有常用的快速鍵都適用,比如 cmd/ctrl + b加粗, cmd/ctrl + shift + s 來添加刪除線。我們的書寫快速鍵在這裡 ✂️ 此外我們還加入了其他幾個快速鍵:
  • cmd/ctrl + e 用於顯示code in-line(內嵌程式)。
  • cmd/ctrl + shift + m 可以給任何文字新增評論。
  • 對了,你還可以隨時使用 @ 來提及你工作區中的某個 page(頁面)或某個人。瞭解更多內容→

Markdown

Notion 支持桌面、網頁和手機版的所有 Markdown 樣式。以下是一些快速鍵的簡要介紹。
打字時:
  • 在文字兩端輸入 **加粗文字。
  • 在文字兩端輸入 * 來設斜體字
  • 在文字兩端輸入 ` 來建立 inline code(內嵌程式) 。(數字 1 號鍵旁邊的符號。)
  • 在文字兩端輸入 ~ 來新增刪除線
在任何一行文字的開頭:
  • 輸入 *-+ ,並按space(空白鍵) ,來建立一個 bulleted list(項目清單)。
  • 輸入 [] 來建立一個 to-do checkbox(待辦清單)。(兩符號中間不需輸入 space(空白鍵) 。)
  • 輸入 1. ,按 space(空白鍵) 來建立一個 numbered list(有序列表)。
  • 輸入 # ,按 space(空白鍵) 來建立一個 H1 header(標題 1)。
  • 輸入 ## ,按 space(空白鍵) 來建立一個 H2 sub-header(標題 2)。
  • 輸入 ### ,按 space(空白鍵) 來建立一個 H3 sub-header(標題 3)。
  • 輸入 > ,按 space(空白鍵)來建立一個 toggle list(折疊列表)。
  • 輸入 " ,按 space(空白鍵) 來 quote(引用)block(區塊)。
 
👉
Note(注意):你可以在這裡找到完整的 Notion 快速鍵列表。

Font & size(字體和大小)

  • 在每一個你製作的 page(頁面)中,有三種不同樣式的字體可以選擇,以配合上大多數人的寫作心情 😙 只需按一下頁面左上角的 ••• ,選擇 Default(預設)Serif(襯線字體)Mono(等寬字型),你頁面上的所有文字都會隨之改變。
  • 該選單也有 Small Text(小字型) 的選項。當你開啓時,page(頁面)上的文字會縮小。 如果想在page(頁面)上容納更多文字或是喜歡小字型,這個功能會很有幫助✨

Colors(顏色)

通過改變文字的顏色或標記文字,給文字增添趣味。有許多顏色可供選擇,且有以下幾種應用方式:
  • 想改變內嵌文字的顏色或標記文字,可從之前用來加粗斜體或評論的菜單進入——只需選取任何文字並從 A 下拉選擇顏色:
 
  • 你也可以把整個 block(區塊)的文字變成相同顏色。最簡單的方式是在文字後輸入 / 及你想要的顏色,如 /red
 
  • 如果想改變一段文字 block(區塊)的顏色,你可在任何位置輸入 cmd/ctrl + / 及你想要的顏色,最後按 enter(輸入)
  • 小技巧:你可以用快速鍵 cmd/ctrl + shift + h 把文字改成上次使用的顏色

Page width(頁面寬度)

你可以在任何 page(頁面)上縮小頁邊距並擴大內容區域,只需按一下 Notion 視窗右上角的 ••• 並切換到 Full Width(全寬顯示)

Customize backlinks & comments 自訂反向連結和評論

在任何 Notion 頁面頂端可能會包含兩種東西:反向連結評論
  • 反向連結顯示所有連結到當前頁面的所有頁面,您可以透過反向連結在頁面間移動。
notion image
  • 評論顯示您與夥伴間的對話。您可以藉評論作標記彼此、發問或回饋等用途。
notion image
如同 Notion 裡的其他東西一樣,您可以改變它們的外觀和感覺。以下是改變的方式:
  • 點擊頁面右上方的 ••• 按鈕並選擇 Customize page(自訂頁面).
  • 您將會看到視窗彈出:
notion image
  • 對於反向連結,您可以選擇:
    • Expanded(展開):一次查看所有連結到當前頁面的頁面清單。
    • Show in popover(在彈出式清單中檢視):若您不想看到所有頁面,您可以選擇此選項只檢視反向連結的數量。點擊即可在彈出的視窗中檢視連結到當前頁面的頁面清單。
    • Off(關閉): 把整個反向連結清單關掉。
  • 對於評論,您可以:
    • Expanded(展開): 在頁面頂端查看完整對話。
    • Off(關閉): 把評論藏起來已得到一個簡潔的畫面。

Callout blocks 標註區塊

當你想新增一個警告或是小提示時,Callout blocks(標註區塊)可以用來突顯一段文本,或是使其區別於其他內容。它的效果如下:
💡
行首的 emoji 可以輕鬆改變,預設以您上次使用時的格式為準。

新增 Callout(標註)

  • 游標移到新一行行首出現的 + 並按一下,在彈出選單中捲動並選擇 Callout(標註)
  • 輸入 /callEnter
  • 通過按一下 Callout blocks(標註區塊)行首出現的 ⋮⋮ 圖示對其進行拖放,使之在 Page(頁面)或 Columns(分欄)中移動。

編輯 Callout(標註)樣式

  • Callout blocks(標注塊)都帶有圖示,您可以按一下圖示進行更換。
  • 您可以通過上傳圖片(理想尺寸為 280 x 280 pxs )或貼上網路圖片的網址的方式來替換預設 icon(圖示)
  • 您可以按一下 Random(隨機) 來挑選想要的 emoji
  • 按一下 Callout blocks(標註區塊)行首出現的 ⋮⋮ 圖示,並在 Color(顏色) 選單中選擇以改變 Block(區塊)的背景顏色。選擇 Default(預設) 將返回預設的淺灰色邊框。
  • 為字體指定非黑色的顏色將使 Block(區塊)變為帶有亮灰色輪廓、白色背景的樣式。
  • 你也可以通過 shortcut(快速鍵)cmd/ctrl + / 並輸入相應顏色名來修改文字和背景的顏色。

修改或刪除 Callout(標注)

你可以通過懸浮選單對 Callout blocks(標註區塊)實現 delete(刪除),duplicate(複製),move(移動),transform(轉換),comment on(評論)或者 copy an anchor link(複製連結) 的操作。
  • 按一下行首出現的 ⋮⋮ 圖示,您可在彈出選單內選擇 delete(刪除)duplicate(複製) 操作
  • 選中 Callout(標注)並輸入 cmd/ctrl + / 後,在文本框中輸入你想要切換到的功能。
notion image
  • 同一選單內,你可以點擊 Copy link(複製鏈接) 以複製或分享指向該 Callout blocks(標注模塊)的連結。
  • 按一下 Move(移動) 以將 Callout blocks(標注區塊)移動到其他 Pages(頁面)。
  • 你可以就 Callout blocks(標注區塊)中的內容進行 Comment(評論) ,也同樣可以通過鍵入 @ 接上用戶名稱,從而引起他/她對於該內容的注意。
  • 選擇 Turn Into 可以將 Callout blocks(標注區塊)轉至其他形式,例如 bullet(項目清單),heading(標題),to-do(待辦列表),toggle(折疊列表)等。
notion image

Icons(圖示)

每個 page(頁面),無論是否為 database(資料庫)都可以有自己的 icon(圖示)——無論是表情符號還是你自己上傳的圖片(比如你的 logo)。它將出現在 page(頁面)的左上方和它旁邊的側邊欄中,使 page(頁面)易於記憶和查找。
有幾種新增 page(頁面)icon(圖示)的方法:
  • 將游標移到任一 page(頁面)的頂端,按一下 Add Icon
  • 按一下側邊欄中的任一 page(頁面)icon(圖示)。
  • 通過上述兩種方法都將彈出一個選單,允許你搜尋或選擇一個表情符號、從你自己的電腦上傳文件(如一個 logo)或從網上貼上一個圖片的連結。
  • 你也能按一下 Random 隨機循環選擇,直到選到你喜歡的表情符號😉
  • 要移除一個 icon(圖示),只需按一下它並選擇 Remove
  • Note(注意):理想的 icon(圖示)尺寸是 280 x 280 像素。
 
🎒
Tip(小提示):您還可以從側邊欄更改頁面的圖示。只要點擊頁面旁邊的圖示,表情符號選擇器就會彈出。

Cover art(封面)

Cover art(封面)以橫幅圖片的形式出現在任何 page(頁面)的頂端,為其增添優雅、色彩和風格(甚至可用於資料庫)🖌
新增封面
  • 將游標移到任一 page(頁面)的頂端,按一下 Add Cover
  • 將游標移到已出現的 cover(封面)上,選擇 Change Cover
  • 會彈出一個選單,可在 Notion 提供的圖片庫中選擇圖片。
  • 按一下 Upload ,從你的電腦新增圖片,或按一下 Link,貼上網路圖片的網址。
  • 你也可以從 Unsplash 中搜尋並選擇一張圖片,這是一個擁有 100 多萬多張漂亮且實用圖片的圖片庫。
 
 
👉
Tip(小提示):你可以讓你的 cover(封面)以圖片的形式出現在你的 board(看板)或 database(資料庫)的圖片卡上。按一下 PropertiesCard PreviewPage Cover

行動裝置上

  • 點選任一 page(頁面)的頂端都可以看到 Add Icon 的選項。點擊出現的 icon(圖示)可改變或移除它。你將在桌面版上獲得相同的選項。
  • 點選任一 page(頁面)的頂端可看到 Add Cover 的選項。點擊 Change Cover 的按鈕,選擇不同的圖片或移除它。

FAQs(常見問題解答)

我可以把 Full Width(全寬顯示) 設為 default(預設)樣式嗎?有沒有辦法為所有 page(頁面)設一個預設樣式?
暫時還沒有,但有很多用戶要求這樣做!我們正在開發這一功能,敬請關注.....🙃
 
我可以使文字居中或者靠右對齊嗎?
很遺憾😕,Notion 目前沒有任何傳統的對齊選項,但你仍可以做到這一點。將空行 Drag and drop(拖放)到文字旁邊的一個 column(分欄),使其向右或向左對齊 . 按一下這裡查看更多關於 columns(分欄)的訊息→
為什麼我不可以在手機上改變文字大小?
這個樣式選項和 page width(頁面寬度)都只適用於桌面版和網頁版。
Cover(封面)圖片的理想尺寸和長寬比是多少?
Cover(封面)圖片會取決於你的視窗寬度改變,所以沒有特定的最佳尺寸。也就是說,我們建議至少 1500 像素寬的圖片。
怎樣在我的文字中插入一個內嵌表情符號🤔?
在文字的任一處輸入 :(半形冒號)和你想使用的表情符號名稱,像是 :fire 🔥 或 :clapping 👏
亦可以使用系統的表情符號選擇器在 Notion 的 page(頁面)或你電腦的其他任何地方加入表情符號。
Mac: ctrl + cmd + space
Windows 10: windows key + .windows key + ;

👉
繼續閱讀:

相關指南