组件世界 NotionPet国产组件库

嵌入 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

帮助中心

快速开始

小组件

起始页

个人主页

我的数据

账号与登录

会员与付款

常见问题