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

閱讀時間約 6 分鐘
如何在双链笔记软件中建立仪表盘?以嵌入式小组件库 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

介绍

一个嵌入式小组件库。

国产组件库 NotionPet 特点

小组件类型丰富。目前,NotionPet 的小组件包括两种:基础组件动态 Icon 组件。小组件包括 30 个左右的基础组件,涉及了时间管理、任务管理、资讯管理、学习辅助等场景。比如,番茄钟、天气、翻页时钟、倒计时、纪念日提醒、每日一句英语、每日一句古诗词、微博热搜、访客统计、动效文字等。
小组件服务稳定。相比国外同类产品,服务稳定,使用十分方便。
小组件支持个性化定制。小组件支持文字字体、颜色、数字等基础信息的组件设置。与此同时,小组件也支持小组件外观背景等公共配置。
小组件平台化。目前,NotionPet 正在快速迭代中。并且,NotionPet 支持第三方开发者参与开发小组件,共建社区生态。

使用示范

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

操作方法

如何在双链笔记中嵌入小组件?
一、嵌入网页语法:具体的语法有所差异,见图示:
Roam Research 嵌入网页语法
{{iframe:URL}}
葫芦笔记 嵌入网页语法
{{iframe: URL}} 或者直接在编辑器页面输入 / wang, 随后选择「网页嵌入」即可。
Logseq 嵌入网页语法
基础语法:
高级语法:允许调整窗口尺寸。具体如下:
Obsidian 嵌入网页语法
基础语法:
高级语法:允许调整窗口尺寸。具体如下:
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 的专文评测内容。

参考文献

為什麼會看到廣告
avatar-img
18會員
86內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Spike Spiegel的沙龍 的其他內容
从收集到输出:盘点那些强大的知识管理工具——优秀笔记软件盘点(四) 只推荐优质、强大的生产力工具。 在以往的文章中,我已经介绍了不少兼具优雅和强大等特性的工具。今天我将围绕知识管理主题,我将从信息收集到内容输出,介绍几款在知识生产各个环节强大的知识管理工具。 《优质笔记软件详细盘点(一)》 介绍
这篇文章我介绍了包括即用即走、 Notion-Like 、 Roam-Like 、 白板、 学术类、 特殊类型等多种类别的笔记软件。
我应该选择什么工具实践卡片笔记法呢? 在阅读完《卡片笔记写作法:从阅读到写作》后,你或许会有个问题:我应该选择什么工具实践卡片笔记法呢? 关于这个问题,你可以详细阅读《在找适合自己的卡片笔记应用?我的选择思路分享》。 基于这个标准,我推荐以下工具。 卡片笔记笔记写作法·工具盘点 介绍 优点 缺点
Logseq 介绍 一款本地优先、重视隐私、类 Roam Research 、大纲类型的双链编辑器。 优点 强大的任务管理功能; 数据本地储存; 云端数据的端对端加密正在开发之中; 支持插件市场、主题市场; 缺点 网页端暂时不如客户端成熟; 插件市场的访问,需要特殊网络; 官网 Logseq 官网
笔记软件怎么选择?这恐怕是很多效率人士一直纠结的问题。尤其是这几年来,在 Notion 和 Roam 的引领下,笔记软件赛道出现了不少令人惊艳的产品。比如,Notion Like 软件 FlowUs, Roam Like 软件 Remnote、Obsidian.
在日常工作、学习、生活中,笔记软件成为重要的生产力工具。然而,如今的笔记软件百花齐放:云文档? 云笔记? 离线笔记? Markdown 编辑器? 块编辑器?双链笔记?在每个类别中,都有几十款比较有名的笔记软件。那么,我们应该如何选择这些适合自己的笔记软件呢? 文本编辑器的特征 文本编辑器的分类
从收集到输出:盘点那些强大的知识管理工具——优秀笔记软件盘点(四) 只推荐优质、强大的生产力工具。 在以往的文章中,我已经介绍了不少兼具优雅和强大等特性的工具。今天我将围绕知识管理主题,我将从信息收集到内容输出,介绍几款在知识生产各个环节强大的知识管理工具。 《优质笔记软件详细盘点(一)》 介绍
这篇文章我介绍了包括即用即走、 Notion-Like 、 Roam-Like 、 白板、 学术类、 特殊类型等多种类别的笔记软件。
我应该选择什么工具实践卡片笔记法呢? 在阅读完《卡片笔记写作法:从阅读到写作》后,你或许会有个问题:我应该选择什么工具实践卡片笔记法呢? 关于这个问题,你可以详细阅读《在找适合自己的卡片笔记应用?我的选择思路分享》。 基于这个标准,我推荐以下工具。 卡片笔记笔记写作法·工具盘点 介绍 优点 缺点
Logseq 介绍 一款本地优先、重视隐私、类 Roam Research 、大纲类型的双链编辑器。 优点 强大的任务管理功能; 数据本地储存; 云端数据的端对端加密正在开发之中; 支持插件市场、主题市场; 缺点 网页端暂时不如客户端成熟; 插件市场的访问,需要特殊网络; 官网 Logseq 官网
笔记软件怎么选择?这恐怕是很多效率人士一直纠结的问题。尤其是这几年来,在 Notion 和 Roam 的引领下,笔记软件赛道出现了不少令人惊艳的产品。比如,Notion Like 软件 FlowUs, Roam Like 软件 Remnote、Obsidian.
在日常工作、学习、生活中,笔记软件成为重要的生产力工具。然而,如今的笔记软件百花齐放:云文档? 云笔记? 离线笔记? Markdown 编辑器? 块编辑器?双链笔记?在每个类别中,都有几十款比较有名的笔记软件。那么,我们应该如何选择这些适合自己的笔记软件呢? 文本编辑器的特征 文本编辑器的分类
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
當初開始學習諮商技巧時,雖然已掌握許多基本技術,但在實際兩人晤談練習中卻感到當機,不知道如何回應。本文分享了專注聆聽和回應的兩大練習方法,強調這些基本訓練對於適應多變的諮商情境至關重要。
Thumbnail
🐳 入選編輯嚴選;從追劇《歡迎回到三達里》,到閱讀《擁抱B選項》,加上石頭哥花 6年走出陰霾的親身經歷,嘗試帶著你~從悲傷挫折中逐漸甦醒過了!
Thumbnail
本文探討如何透過自動化 Google 廣告名單,提升廣告投放效率。涵蓋自動同步 Google 表單、CRM 資料到 Google 廣告、利用多渠道搜集潛在商機,以及管理廣告名單,本文為廣告行銷人員提供自動化行銷的應用參考。深入了解如何自動化資料廣告名單、再行銷管理,提高廣告成效與影響力!
Thumbnail
在這個充滿機遇與挑戰的AI時代,網路創業既是夢想的實現,也充滿了未知的陷阱。我們都知道,成功的路徑從來不是一帆風順的,但了解他人的失敗經驗,可以幫助我們避開同樣的錯誤。 今天,我想與您分享我經歷傳統創業環境存活到現今AI時代的創業與洞察,提供九項經得起時代考驗的九項成功創業的底層認知,幫助您在創業
Thumbnail
介紹碳商機革命 隨著全球氣候變化問題的日益嚴重,碳商機革命成為了企業實現淨零排放的必經之路。碳商機革命是指通過使用碳減排技術、減少二氧化碳排放並獲得碳減排認證,從而實現低碳經濟增長的過程。在碳商機革命中,企業可以獲得碳減排認證,並將其轉化為可交易的碳減排證書,從而實現碳減排和碳收益的雙贏。
Thumbnail
卡片盒筆記法的本質,其實是記錄「想法」與「想法的脈絡」這是跟傳統大家對於「筆記」的認知最大的不同。​ ​ 我們要分辨「筆記」與「想法」兩個字,前者是資訊的記錄、後者帶有自己的思考與感觸。​ ​ 那想法的脈絡是怎麼回事呢?其實就是將一連串相似的想法 (卡片) 用清單列下來,相近的卡片因為脈絡相同,就會
Thumbnail
這篇文章回答了從「卡片索引編號」延伸出來的 3 個問題:(1) 卡片索引是一種分類嗎?(2) 卡片如何命名?(3)卡片索引如何表達卡片之間的連結關係?簡單摘要答案就是:(1)卡片索引不是一種分類 (2) 卡片命名可以靠索引編號解決,因為它有「唯一性」(3)卡片索引可以寫成「索引筆記」,功能是紀錄思考
Thumbnail
許多人使用卡片盒筆記法 的問題就是不知道如何連結卡片。連結卡片在「卡片盒筆記法」中太重要了,我們寫下的卡片若只是一個點、卡片連結的品質將決定我們後續產出成果的品質。為了搞清楚這個問題,我讀了2篇美國研究卡片盒專家的論文、1篇長達 7000字 的德國卡片盒論壇的文章。這篇文章討論我們該如何建立卡片連
Thumbnail
多數的筆記軟體其實並沒有「卡片」的概念,那麼我們要怎麼實作「卡片盒筆記法」呢?我在數位筆記軟體 Obsidian 中實作「卡片盒筆記法」已經超過 1 年半時間,如果你想在自己的數位筆中軟體中實作「卡片盒筆記法」,這篇文章分享我的經驗給你參考。
作者麥可羅區格西將佛法、佛經的道理運用於經營管理,藉由創立鑽石珠寶公司,從借貸五萬元的小公司,到年營業額一億美元的大企業,提出「內聖外俗」的生活。 ●空的含意: 事物在本質上並沒有好壞之分,所以世上才有許多無限的可能。是好是壞全憑個人觀點。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
當初開始學習諮商技巧時,雖然已掌握許多基本技術,但在實際兩人晤談練習中卻感到當機,不知道如何回應。本文分享了專注聆聽和回應的兩大練習方法,強調這些基本訓練對於適應多變的諮商情境至關重要。
Thumbnail
🐳 入選編輯嚴選;從追劇《歡迎回到三達里》,到閱讀《擁抱B選項》,加上石頭哥花 6年走出陰霾的親身經歷,嘗試帶著你~從悲傷挫折中逐漸甦醒過了!
Thumbnail
本文探討如何透過自動化 Google 廣告名單,提升廣告投放效率。涵蓋自動同步 Google 表單、CRM 資料到 Google 廣告、利用多渠道搜集潛在商機,以及管理廣告名單,本文為廣告行銷人員提供自動化行銷的應用參考。深入了解如何自動化資料廣告名單、再行銷管理,提高廣告成效與影響力!
Thumbnail
在這個充滿機遇與挑戰的AI時代,網路創業既是夢想的實現,也充滿了未知的陷阱。我們都知道,成功的路徑從來不是一帆風順的,但了解他人的失敗經驗,可以幫助我們避開同樣的錯誤。 今天,我想與您分享我經歷傳統創業環境存活到現今AI時代的創業與洞察,提供九項經得起時代考驗的九項成功創業的底層認知,幫助您在創業
Thumbnail
介紹碳商機革命 隨著全球氣候變化問題的日益嚴重,碳商機革命成為了企業實現淨零排放的必經之路。碳商機革命是指通過使用碳減排技術、減少二氧化碳排放並獲得碳減排認證,從而實現低碳經濟增長的過程。在碳商機革命中,企業可以獲得碳減排認證,並將其轉化為可交易的碳減排證書,從而實現碳減排和碳收益的雙贏。
Thumbnail
卡片盒筆記法的本質,其實是記錄「想法」與「想法的脈絡」這是跟傳統大家對於「筆記」的認知最大的不同。​ ​ 我們要分辨「筆記」與「想法」兩個字,前者是資訊的記錄、後者帶有自己的思考與感觸。​ ​ 那想法的脈絡是怎麼回事呢?其實就是將一連串相似的想法 (卡片) 用清單列下來,相近的卡片因為脈絡相同,就會
Thumbnail
這篇文章回答了從「卡片索引編號」延伸出來的 3 個問題:(1) 卡片索引是一種分類嗎?(2) 卡片如何命名?(3)卡片索引如何表達卡片之間的連結關係?簡單摘要答案就是:(1)卡片索引不是一種分類 (2) 卡片命名可以靠索引編號解決,因為它有「唯一性」(3)卡片索引可以寫成「索引筆記」,功能是紀錄思考
Thumbnail
許多人使用卡片盒筆記法 的問題就是不知道如何連結卡片。連結卡片在「卡片盒筆記法」中太重要了,我們寫下的卡片若只是一個點、卡片連結的品質將決定我們後續產出成果的品質。為了搞清楚這個問題,我讀了2篇美國研究卡片盒專家的論文、1篇長達 7000字 的德國卡片盒論壇的文章。這篇文章討論我們該如何建立卡片連
Thumbnail
多數的筆記軟體其實並沒有「卡片」的概念,那麼我們要怎麼實作「卡片盒筆記法」呢?我在數位筆記軟體 Obsidian 中實作「卡片盒筆記法」已經超過 1 年半時間,如果你想在自己的數位筆中軟體中實作「卡片盒筆記法」,這篇文章分享我的經驗給你參考。
作者麥可羅區格西將佛法、佛經的道理運用於經營管理,藉由創立鑽石珠寶公司,從借貸五萬元的小公司,到年營業額一億美元的大企業,提出「內聖外俗」的生活。 ●空的含意: 事物在本質上並沒有好壞之分,所以世上才有許多無限的可能。是好是壞全憑個人觀點。