如何在双链笔记软件中建立仪表盘和知识库?以嵌入式小组件库 NotionPet 为例

简介: 小组件与笔记软件的故事

如何在双链笔记软件中建立仪表盘?以嵌入式小组件库 NotionPet 为例,辅助用户建立强大的知识库。

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


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


  • Roam Research 综合评测、学习资源、使用教程分享
  • Logseq 双向链接笔记评测:优点、缺点、评价、学习资源/教程
  • 双链笔记 Obsidian 综合评测:优点、缺点、评价、学习资源
  • 双链笔记软件 Roam Edit 的优点、缺点、评价及学习资源
  • 双链笔记 RemNote 综合评测:快速输入、PDF 阅读、间隔重复/记忆
  • 双链笔记思源笔记评测:优点、缺点、学习资源
  • 双链笔记葫芦笔记综合评测:优点、缺点、建议


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


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


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


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


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


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


什么是小组件?


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


认识小组件库 NotionPet


介绍


一个嵌入式小组件库。


image


国产组件库 NotionPet 特点


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


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


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


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


使用示范


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


image


操作方法


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


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


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


image


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


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


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


Roam Research 小组件嵌入效果


image


image


image


Logseq 小组件嵌入效果


image


image


image


Obsidian 小组件嵌入效果


image


image


image


Roam Edit 小组件嵌入效果


image


image


image


image


思源笔记 小组件嵌入效果


image


image


葫芦笔记 小组件嵌入效果


image


image


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


参考文献

  • NotionPet 官网
  • 强化你的仪表盘:试试 Notion 类工具的国产组件库 NotionPet
相关文章
|
算法 索引
什么工具可用来建立永久知识库
什么工具可用来建立永久知识库
183 0
|
10月前
|
SQL 分布式数据库 数据库
【YashanDB知识库】重装新库及元数据和数据导出导入指导
【YashanDB知识库】重装新库及元数据和数据导出导入指导
【YashanDB知识库】重装新库及元数据和数据导出导入指导
|
10月前
|
存储 SQL 编解码
【YashanDB知识库】GBK库,生僻字插入nvarchar2字段后乱码问题
【YashanDB知识库】GBK库,生僻字插入nvarchar2字段后乱码问题
|
10月前
|
SQL 数据库
【YashanDB知识库】imp导入数据库时,报错YAS-08023
【YashanDB知识库】imp导入数据库时,报错YAS-08023
|
10月前
|
数据库
【YashanDB知识库】汇聚库23.1环境发生coredump
【标题】汇聚库23.1环境发生coredump 【问题分类】数据库错误 【关键词】YashanDB, 汇聚库, coredump 【简介】在YashanDB 23.1.1.200版本中,创建dblink、视图、同义词并查询22.2.10.100版本汇聚库表数据时发生coredump。影响范围为23.1至23.1.1.200版本,具体原因及修复版本待定。
|
11月前
|
存储 SQL 编解码
【YashanDB 知识库】GBK 库,生僻字插入 nvarchar2 字段后乱码问题
在使用 GBK 编码的数据库时,插入包含生僻字的数据会导致编码问题。GBK 编码不支持某些生僻字,导致插入后显示乱码。客户端和服务端编码不一致(如客户端为 UTF-8,服务端为 GBK)会加剧此问题。受影响版本为 23.2.4.14 及之前版本。 **解决方法:** 1. 确保终端和服务端编码一致,建议使用 UTF-8 编码。 2. 使用 yasdb client 库接口,通过 `yacBindParameter` 接口以 UTF-16 编码插入数据。
|
10月前
|
数据库
【YashanDB知识库】沙箱备库
YashanDB的沙箱备库是一种与主库断开网络连接的备份数据库,可通过手动回放归档日志保持数据同步。沙箱备库支持只读服务,必要时可切换为主库角色。本文介绍了如何通过备份影像恢复方式构建沙箱备库,包括配置参数、恢复数据库、注册和回放归档日志等步骤,同时说明了强制升主的操作及注意事项。此方案适用于数据保护和灾难恢复场景。
|
10月前
【YashanDB知识库】备库扩缩容指导
【YashanDB知识库】备库扩缩容指导
|
10月前
|
SQL 数据库
【YashanDB知识库】imp导入数据库时,报错YAS-08023
【YashanDB知识库】imp导入数据库时,报错YAS-08023
|
10月前
|
网络协议 Java 数据库
【YashanDB知识库】DBeaver无法访问数据库
【YashanDB知识库】DBeaver无法访问数据库

热门文章

最新文章