如何在雙鏈筆記軟件中建立儀錶盤?以嵌入式小組件庫 NotionPet 為例

更新於 發佈於 閱讀時間約 7 分鐘
如何在双链笔记软件中建立仪表盘?以嵌入式小组件库 NotionPet 为例,辅助用户建立强大的知识库。

双链笔记软件的兴起与评测

自从 2020 年 Roam Research 出现以后,在文本编辑器领域兴起了双链笔记热潮。目前,国内外比较广为认知的双链笔记包括:Roam Research、 Obsidian、Logseq 、思源笔记 、Roam Edit 、RemNote、葫芦笔记、TiddlyWiki、Athens、Trilium. 针对这些双链笔记,我已经整理了《双链笔记软件综合评测》、以及针对单个工具的详细评测。具体如下:

使用小组件库强化双链笔记软件

双链笔记软件多数定位为 Tools For Thought, 期待成为服务于个人和企业用户的知识管理系统。

除了基于块属性基础上的双向链接等特性,多数双链笔记软件还提供了插件系统。通过插件,极大扩展了双向链接的可能性,丰富了双链笔记的使用场景。然而,没有完美的笔记软件。即便是这些双向链接软件自身也在快速迭代中。在日常的工作和学习中,我期待能建立一些简单、好用的仪表盘。比如,我想要在笔记软件快速鸟瞰天气、日历、时间,进行习惯记录等操作。这些需求在已有的功能中,并没有得到很好地解决。

这该怎么办呢?于是,我想在双链笔记之外,寻找一些解决方案。在使用双链笔记软件的时候,同时我也在使用 Notion 类工具进行在线协作。在使用过程中,我发布了《Notion 优质资源汇总》、《生产力工具 FlowUs 深度评测》以及《强化你的仪表盘:试试 Notion 类工具的国产组件库 NotionPet》。

在使用小组件的过程中,我突然想到,为什么不能在双链笔记中使用这些小组件呢?只要支持嵌入网页的工具,应该都可以使用小组件,而不是仅仅局限于 Notion 类软件。于是,有了这篇文章。

如何在双链笔记软件中使用小组件?

什么是小组件?

小组件,英文为 Widget Extension, 主要以图形化展示的可视化模块,让用户想要了解的信息触手可及。目前,NotionPet 的小组件种类比较丰富、功能也比较强大。下面以 NotionPet 为例介绍:

认识小组件库 NotionPet

介绍



一个嵌入式小组件库。

raw-image

国产组件库 NotionPet 特点



小组件类型丰富。目前,NotionPet 的小组件包括两种:基础组件动态 Icon 组件。小组件包括 30 个左右的基础组件,涉及了时间管理、任务管理、资讯管理、学习辅助等场景。比如,番茄钟、天气、翻页时钟、倒计时、纪念日提醒、每日一句英语、每日一句古诗词、微博热搜、访客统计、动效文字等。

小组件服务稳定。相比国外同类产品,服务稳定,使用十分方便。

小组件支持个性化定制。小组件支持文字字体、颜色、数字等基础信息的组件设置。与此同时,小组件也支持小组件外观背景等公共配置。

小组件平台化。目前,NotionPet 正在快速迭代中。并且,NotionPet 支持第三方开发者参与开发小组件,共建社区生态。

使用示范

以下是我以前使用支持原生开发文件夹页面的笔记软件 FlowUs 嵌入 NotionPet 的具体效果:

raw-image

操作方法

如何在双链笔记中嵌入小组件?

一、嵌入网页语法:具体的语法有所差异,见图示:

raw-image

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 中复制右上角的小组件链接。

raw-image

三、小组件窗口显示调整:如果软件本身支持调整小组件窗口,比如 Roam Research, 直接拖拽调整即可。如果软件不支持,则需要手动调整。这类工具以 Logseq 和 Obsidian 为例,调整方法很简单,修改嵌入语法中的宽度、高度等数值,即修改语法中的 「width: 100%; height: 300px 」对应的数值。

下面是使用小组件嵌入不同双链笔记的展示。其中,主要展示了 卡片翻页时钟、环形多彩时钟、节假日倒计时、年度格子、微博热搜、中国天气、每日英语等小组件的嵌入效果。直接跳转至你正在使用的双链笔记软件,查看即可。

更多的小组件,可以直接访问嵌入式小组件库官网 NotionPet, 选择自己喜欢的小组件。

Roam Research 小组件嵌入效果



raw-image
raw-image
raw-image

Logseq 小组件嵌入效果



raw-image
raw-image
raw-image

Obsidian 小组件嵌入效果



raw-image
raw-image
raw-image

Roam Edit 小组件嵌入效果



raw-image
raw-image
raw-image
raw-image

思源笔记 小组件嵌入效果



raw-image
raw-image

葫芦笔记 小组件嵌入效果



raw-image
raw-image

NotionPet 正在快速迭代中,更多好看且强大的小组件会逐步上线。关于 NotionPet 更多的内容,可以前往官网了解。或者查看参考文献中关于 NotionPet 的专文评测内容。

参考文献

NotionPet 官网

强化你的仪表盘:试试 Notion 类工具的国产组件库 NotionPet

留言
avatar-img
留言分享你的想法!
avatar-img
Spike Spiegel的沙龍
20會員
86內容數
Spike Spiegel的沙龍的其他內容
2023/11/27
Walles AI 是一款 All in One 的全能AI閱讀工具。 簡單來說,Walles AI= AI聊天對話工具 + AI網頁閱讀工具+AI瀏覽器智能助手+ AI搜索引擎助手+ AIPDF文檔閱讀工具+AI視頻閱讀工具…… 更多新的AI閱讀場景正在解鎖中。
Thumbnail
2023/11/27
Walles AI 是一款 All in One 的全能AI閱讀工具。 簡單來說,Walles AI= AI聊天對話工具 + AI網頁閱讀工具+AI瀏覽器智能助手+ AI搜索引擎助手+ AIPDF文檔閱讀工具+AI視頻閱讀工具…… 更多新的AI閱讀場景正在解鎖中。
Thumbnail
2022/06/16
从收集到输出:盘点那些强大的知识管理工具——优秀笔记软件盘点(四) 只推荐优质、强大的生产力工具。 在以往的文章中,我已经介绍了不少兼具优雅和强大等特性的工具。今天我将围绕知识管理主题,我将从信息收集到内容输出,介绍几款在知识生产各个环节强大的知识管理工具。 《优质笔记软件详细盘点(一)》 介绍
Thumbnail
2022/06/16
从收集到输出:盘点那些强大的知识管理工具——优秀笔记软件盘点(四) 只推荐优质、强大的生产力工具。 在以往的文章中,我已经介绍了不少兼具优雅和强大等特性的工具。今天我将围绕知识管理主题,我将从信息收集到内容输出,介绍几款在知识生产各个环节强大的知识管理工具。 《优质笔记软件详细盘点(一)》 介绍
Thumbnail
2022/05/28
这篇文章我介绍了包括即用即走、 Notion-Like 、 Roam-Like 、 白板、 学术类、 特殊类型等多种类别的笔记软件。
Thumbnail
2022/05/28
这篇文章我介绍了包括即用即走、 Notion-Like 、 Roam-Like 、 白板、 学术类、 特殊类型等多种类别的笔记软件。
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
如何在双链笔记软件中建立仪表盘?以嵌入式小组件库 NotionPet 为例,辅助用户建立强大的知识库。 双链笔记软件的兴起与评测 Roam Research 综合评测、学习资源、使用教程分享 Logseq 双向链接笔记评测:优点、缺点、评价、学习资源/教程 使用小组件库强化双链笔记软件 介绍
Thumbnail
如何在双链笔记软件中建立仪表盘?以嵌入式小组件库 NotionPet 为例,辅助用户建立强大的知识库。 双链笔记软件的兴起与评测 Roam Research 综合评测、学习资源、使用教程分享 Logseq 双向链接笔记评测:优点、缺点、评价、学习资源/教程 使用小组件库强化双链笔记软件 介绍
Thumbnail
这篇文章我介绍了包括即用即走、 Notion-Like 、 Roam-Like 、 白板、 学术类、 特殊类型等多种类别的笔记软件。
Thumbnail
这篇文章我介绍了包括即用即走、 Notion-Like 、 Roam-Like 、 白板、 学术类、 特殊类型等多种类别的笔记软件。
Thumbnail
Logseq 介绍 一款本地优先、重视隐私、类 Roam Research 、大纲类型的双链编辑器。 优点 强大的任务管理功能; 数据本地储存; 云端数据的端对端加密正在开发之中; 支持插件市场、主题市场; 缺点 网页端暂时不如客户端成熟; 插件市场的访问,需要特殊网络; 官网 Logseq 官网
Thumbnail
Logseq 介绍 一款本地优先、重视隐私、类 Roam Research 、大纲类型的双链编辑器。 优点 强大的任务管理功能; 数据本地储存; 云端数据的端对端加密正在开发之中; 支持插件市场、主题市场; 缺点 网页端暂时不如客户端成熟; 插件市场的访问,需要特殊网络; 官网 Logseq 官网
Thumbnail
笔记软件怎么选择?这恐怕是很多效率人士一直纠结的问题。尤其是这几年来,在 Notion 和 Roam 的引领下,笔记软件赛道出现了不少令人惊艳的产品。比如,Notion Like 软件 FlowUs, Roam Like 软件 Remnote、Obsidian.
Thumbnail
笔记软件怎么选择?这恐怕是很多效率人士一直纠结的问题。尤其是这几年来,在 Notion 和 Roam 的引领下,笔记软件赛道出现了不少令人惊艳的产品。比如,Notion Like 软件 FlowUs, Roam Like 软件 Remnote、Obsidian.
Thumbnail
Roam Research 介绍 双链笔记赛道的开创者。 📷 优点 编辑器:流畅丝滑,性能比较好。这个有主管色彩。仅供参考。 双链细节:作为开创者,可能是做的最好的。 插件和主题十分丰富:尽管 Roam 社区近 1 年来已经不怎么繁荣了,但是 Roam 社区提供的插件和主题依然足够丰富。 缺点
Thumbnail
Roam Research 介绍 双链笔记赛道的开创者。 📷 优点 编辑器:流畅丝滑,性能比较好。这个有主管色彩。仅供参考。 双链细节:作为开创者,可能是做的最好的。 插件和主题十分丰富:尽管 Roam 社区近 1 年来已经不怎么繁荣了,但是 Roam 社区提供的插件和主题依然足够丰富。 缺点
Thumbnail
Roam Research 是最近几年,除了 Notion 以外,被广大笔记用户最为关注的产品。关于 Roam, 很多读者已经了解颇多。因此,对于 Roam 我只做简要评价,重点在于分享 Roam 使用所需要的学习资源和使用教程。 介绍 双链笔记赛道的开创者。 优点 📷 缺点 评价 免费使用
Thumbnail
Roam Research 是最近几年,除了 Notion 以外,被广大笔记用户最为关注的产品。关于 Roam, 很多读者已经了解颇多。因此,对于 Roam 我只做简要评价,重点在于分享 Roam 使用所需要的学习资源和使用教程。 介绍 双链笔记赛道的开创者。 优点 📷 缺点 评价 免费使用
Thumbnail
葫芦笔记 介绍 一款大纲编辑器类型的双链笔记; 优点 主题:支持白天和黑暗主题; 中文输入优化:比如支持支持中文全角符号; 支持微信输入 支持协同协作:在常见的双链笔记中,葫芦笔记应该是率先实现这一功能的。包括 Roam 在内的其他双链笔记还在开发中。 缺点 缺少主题市场:正在开发中。 建议 介绍
Thumbnail
葫芦笔记 介绍 一款大纲编辑器类型的双链笔记; 优点 主题:支持白天和黑暗主题; 中文输入优化:比如支持支持中文全角符号; 支持微信输入 支持协同协作:在常见的双链笔记中,葫芦笔记应该是率先实现这一功能的。包括 Roam 在内的其他双链笔记还在开发中。 缺点 缺少主题市场:正在开发中。 建议 介绍
Thumbnail
介绍 一款强大、好用的双向链接软件。 Roam Edit 官网 优点 离线存储:RE 支持飞行模式,在离线的状态下依然可以编辑和存储数据。 插件体系:插件功能丰富,并且很容易配置和上手。开发者一人之力,积极相应用户需求,开发了大多数插件。这足见开发者的态度。 缺点 学习资源 📷 评价 介绍
Thumbnail
介绍 一款强大、好用的双向链接软件。 Roam Edit 官网 优点 离线存储:RE 支持飞行模式,在离线的状态下依然可以编辑和存储数据。 插件体系:插件功能丰富,并且很容易配置和上手。开发者一人之力,积极相应用户需求,开发了大多数插件。这足见开发者的态度。 缺点 学习资源 📷 评价 介绍
Thumbnail
使用场景 使用场景:虽然我是思源笔记勇士,但是使用却不多。有些网页我使用了翻译软件进行了全文翻译,使用其他插件剪藏的结果依然是英文。然而,思源笔记却可以中英文同时剪藏。因此,我主要使用思源笔记进行网页剪藏,备份阅读材料。可能大材小用了。另外,使用思源笔记进行 PDF 阅读。 思源笔记 介绍 优点
Thumbnail
使用场景 使用场景:虽然我是思源笔记勇士,但是使用却不多。有些网页我使用了翻译软件进行了全文翻译,使用其他插件剪藏的结果依然是英文。然而,思源笔记却可以中英文同时剪藏。因此,我主要使用思源笔记进行网页剪藏,备份阅读材料。可能大材小用了。另外,使用思源笔记进行 PDF 阅读。 思源笔记 介绍 优点
Thumbnail
对于很多笔记用户而言,首先面临的一个问题是:是选择 Notion 为代表的 All in One 生产力工具还是选择 Roam 为代表的双链笔记? 双链笔记软件:Roam Research /Obsidian 界面设计:典雅。有第三方插件支持类似 Notion 的题头图。 支持页面引用。 📷
Thumbnail
对于很多笔记用户而言,首先面临的一个问题是:是选择 Notion 为代表的 All in One 生产力工具还是选择 Roam 为代表的双链笔记? 双链笔记软件:Roam Research /Obsidian 界面设计:典雅。有第三方插件支持类似 Notion 的题头图。 支持页面引用。 📷
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News