組件世界 WidgetStore - Notion 小組件、動態圖示、個人起始頁與個人主頁

嵌入 Notion、Obsidian、FlowUs 和其他平台

小組件、動態圖示、動態背景分別怎麼放進 Notion,以及在 Obsidian、FlowUs、Wolai、GitHub 和自己的網站裡的用法。

組件世界的東西分兩種用法:小組件是網頁,用「嵌入」;動態圖示和動態背景是圖片,用「圖片連結」。

小組件:嵌入網頁

在編輯器右上角點「複製嵌入連結」,然後:

平台做法
Notion輸入 /embed 貼上連結;或直接貼上連結後選「嵌入」。拖動邊角調整大小
FlowUs插入「嵌入」塊,貼上連結
Wolai輸入 /嵌入,選「嵌入網頁」。在編輯器「複製嵌入連結」右邊的箭頭裡選「舊版本用法」複製的連結更適合 Wolai
Obsidian在筆記裡寫一個 iframe:<iframe src="連結" width="100%" height="300"></iframe>,在閱讀視圖裡顯示
自己的網站 / 部落格同樣用 iframe 嵌入

動態圖示:設為頁面圖示

  1. 在編輯器右上角點「複製嵌入連結」,複製的是一張圖片的連結。
  2. 在 Notion 點頁面圖示,選擇用連結新增自訂圖片,貼上連結。
  3. 之後圖示會按設定自動更新(例如每天換日期),不用再手動改。

動態背景:設為頁面封面

  1. 複製連結的方法同上。
  2. 在 Notion 點「更換封面」→「連結」,貼上後確認。

在 GitHub README 和 WordPress 裡用

動態圖示和動態背景還可以放進 GitHub README 或 WordPress:在編輯器「複製嵌入連結」右邊的箭頭裡,選「Markdown」(GitHub README)或「<img> 用法」,複製對應格式。

顯示不出來怎麼辦

  • Notion 裡一片空白:確認貼上後選的是「嵌入」而不是「書籤」;重新整理頁面再看。
  • 公司或學校網路打不開:有些網路會攔截嵌入的網頁,換個網路試試。
  • 改了設定沒變化:編輯器裡的修改會自動儲存,在 Notion 裡重新整理頁面即可;動態圖示、動態背景可能有幾分鐘快取。
  • 還是不行,發郵件給我們(地址在頁面底部),附上組件連結和截圖。

還沒解決? islaohu@gmail.com

說明中心

快速開始

小組件

起始頁

個人主頁

我的資料

帳號與登入

會員與付款

常見問題