使用示范
以下是我以前使用支持原生开发和文件夹页面的笔记软件 FlowUs 嵌入 NotionPet 的具体效果:
操作方法
如何在双链笔记中嵌入小组件?
一、嵌入网页语法:具体的语法有所差异,见图示:
Roam Research 嵌入网页语法
{{iframe:URL}}
葫芦笔记 嵌入网页语法
{{iframe: URL}} 或者直接在编辑器页面输入 / wang, 随后选择「网页嵌入」即可。
Logseq 嵌入网页语法
基础语法:iframe src="URL" /iframe
高级语法:允许调整窗口尺寸。具体如下:
<iframe src="URL" style="width: 100%; height: 300px"></iframe>
Obsidian 嵌入网页语法
基础语法:iframe src="URL" /iframe
高级语法:允许调整窗口尺寸。具体如下:
<iframe style="width: 500px; height: 300px;border: 0;" src="URL"></iframe>
Roam Edit 嵌入网页语法
{{embed src=""}}
思源笔记 嵌入网页语法
在编辑器中输入 / iframe链接,粘贴小组件 URL 至此即可。
二、创建个性化的小组件,生成小组件链接,再将其粘贴和替换上述语法中的 URL. 如图:在 NotionPet 中复制右上角的小组件链接。
三、小组件窗口显示调整:如果软件本身支持调整小组件窗口,比如 Roam Research, 直接拖拽调整即可。如果软件不支持,则需要手动调整。这类工具以 Logseq 和 Obsidian 为例,调整方法很简单,修改嵌入语法中的宽度、高度等数值,即修改语法中的 「width: 100%; height: 300px 」对应的数值。
下面是使用小组件嵌入不同双链笔记的展示。其中,主要展示了 卡片翻页时钟、环形多彩时钟、节假日倒计时、年度格子、微博热搜、中国天气、每日英语等小组件的嵌入效果。直接跳转至你正在使用的双链笔记软件,查看即可。
更多的小组件,可以直接访问
嵌入式小组件库官网
NotionPet, 选择自己喜欢的小组件。
Roam Research 小组件嵌入效果
Logseq 小组件嵌入效果
Obsidian 小组件嵌入效果
Roam Edit 小组件嵌入效果
思源笔记 小组件嵌入效果
葫芦笔记 小组件嵌入效果
NotionPet 正在快速迭代中,更多好看且强大的小组件会逐步上线。关于 NotionPet 更多的内容,可以前往官网了解。或者查看参考文献中关于 NotionPet 的专文评测内容。