在雙鏈筆記中建立儀表盤：以小組件庫 NotionPet 爲例

原創

2022-11-13 06:15

雙鏈筆記軟件的興起與評測

自從 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}} 或者直接在編輯器頁面輸入 / wang, 隨後選擇「網頁嵌入」即可。

Logseq 嵌入網頁語法

基礎語法：<iframe src="URL" ></iframe>

高級語法：允許調整窗口尺寸。具體如下：

Obsidian 嵌入網頁語法

基礎語法：<iframe src="URL" ></iframe>

高級語法：允許調整窗口尺寸。具體如下：

Roam Edit 嵌入網頁語法

思源筆記嵌入網頁語法

在編輯器中輸入 / iframe鏈接，粘貼小組件 URL 至此即可。

二、創建個性化的小組件，生成小組件鏈接，再將其粘貼和替換上述語法中的 URL. 如圖：在 NotionPet 中複製右上角的小組件鏈接。

三、小組件窗口顯示調整：如果軟件本身支持調整小組件窗口，比如 Roam Research, 直接拖拽調整即可。如果軟件不支持，則需要手動調整。這類工具以 Logseq 和 Obsidian 爲例，調整方法很簡單，修改嵌入語法中的寬度、高度等數值，即修改語法中的「width: 100%; height: 300px 」對應的數值。

下面是使用小組件嵌入不同雙鏈筆記的展示。其中，主要展示了 卡片翻頁時鐘、環形多彩時鐘、節假日倒計時、年度格子、微博熱搜、中國天氣、每日英語等小組件的嵌入效果。直接跳轉至你正在使用的雙鏈筆記軟件，查看即可。

更多的小組件，可以直接訪問嵌入式小組件庫官網 NotionPet，選擇自己喜歡的小組件。