基礎組件、動態圖示、動態背景有什麼區別
小組件是可以互動的嵌入網頁,動態圖示和動態背景是會自動更新的圖片。看完這篇就知道該用哪一種、放在 Notion 的哪裡。
組件世界的組件庫分三類,用法不同:
| 對比 | 小組件(基礎組件) | 動態圖示 | 動態背景 |
|---|---|---|---|
| 是什麼 | 一個可以互動的小網頁 | 一張會自動更新的圖片 | 一張會自動更新的寬幅圖片 |
| 放在哪 | 頁面正文裡(嵌入塊) | 頁面圖示、GitHub README | 頁面封面 |
| 怎麼放 | /embed 貼上連結 | 用連結新增自訂圖示 | 「更換封面」→「連結」 |
| 能不能點 | 能(打卡、計時、切換等) | 不能 | 不能 |
| 免費帳號可建立 | 2 個 | 3 個 | 3 個 |
標着 Pro 的組件需要 Pro 會員才能建立;Pro 會員三類都不限數量(見 Pro 會員權益)。
小組件(基礎組件)
在組件庫裡,時鐘、倒計時、天氣、日曆、習慣打卡、番茄鍾、進度條、名言、音樂卡片、GitHub 卡片等都屬於這一類。它們是普通的網頁,嵌入後在 Notion 裡可以直接操作:例如在習慣熱力圖上打卡、開始一個冥想計時。
- 內容會按看的人的瀏覽器語言顯示(簡體、繁體、英文、日文)。
- 大多數會跟隨系統自動切換淺色 / 深色。
- 需要記錄資料的組件(如冥想記錄、習慣熱力圖、追星每日打卡)可以把記錄存進你自己的資料表,見資料來源:把記錄存進「我的資料」。
動態圖示
動態圖示是一張 SVG 圖片,伺服器按你的設定實時生成:比如今天的日期、距離某天還有幾天、節氣、文字徽章。把它設成 Notion 頁面圖示後,每次打開頁面看到的都是最新的樣子,不用手動換。
它也可以放進 GitHub README(編輯器裡複製「Markdown」格式)。
動態背景
動態背景和動態圖示一樣是自動生成的圖片,只是尺寸是封面的寬幅比例,適合做 Notion 頁面封面:風景、漸變、時間進度條、節日倒計時等,會隨時間變化。
怎麼選
- 想看一眼訊息(日期、倒數、進度)→ 動態圖示 / 動態背景,最輕量,不佔頁面空間。
- 想在頁面裡操作(打卡、計時、記錄)→ 小組件。
- 想把小組件放在瀏覽器主頁而不是 Notion 裡 → 起始頁可以直接新增你的組件。