How to build dashboard and knowledge base in double chain note taking software? Take the embedded widget library notionpet as an example

How to build a dashboard in double chain note taking software ？ Embedded widget Library NotionPet For example , Assist users to build a strong knowledge base .

The rise and evaluation of double chain note taking software

since 2020 year Roam Research After a , There is a boom in double chain notes in the field of text editors . at present , The widely recognized double chain notes at home and abroad include ：Roam Research、 Obsidian、Logseq 、 Siyuan notes 、Roam Edit 、RemNote、 Gourd notes 、TiddlyWiki、Athens、Trilium. For these double chain notes , I've sorted out 《 Comprehensive evaluation of double chain note taking software 》、 And detailed evaluation of a single tool . As follows ：

• Roam Research Comprehensive evaluation 、 Learning resources 、 Use tutorial sharing
• Logseq Two way link note evaluation ： advantage 、 shortcoming 、 evaluation 、 Learning resources / course
• Double chain notes Obsidian Comprehensive evaluation ： advantage 、 shortcoming 、 evaluation 、 Learning resources
• Double chain note taking software Roam Edit The advantages of 、 shortcoming 、 Evaluation and learning resources
• Double chain notes RemNote Comprehensive evaluation ： Fast input 、PDF read 、 Repeat at intervals / memory
• Double chain notes Siyuan notes evaluation ： advantage 、 shortcoming 、 Learning resources
• Comprehensive evaluation of double chain notes and gourd notes ： advantage 、 shortcoming 、 Suggest

Use the widget library to strengthen the double chain note taking software

Most double chain note taking software is positioned as Tools For Thought, Looking forward to becoming a knowledge management system serving individual and enterprise users .

In addition to the bidirectional link based on block attributes , Most double link note taking software also provides Plug in system . Through plug-ins , It greatly expands the possibility of two-way links , It enriches the use scenarios of double chain notes . However , There is no perfect note taking software . Even these two-way linking software itself is in rapid iteration . In daily work and study , I look forward to establishing some simple 、 Easy to use dashboard . such as , I want to have a quick bird's-eye view of the weather in the notebook software 、 The calendar 、 Time , Conduct habit recording and other operations . These requirements are in the existing functions , It has not been well solved .

What should I do ？ therefore , I think beyond the double chain notes , Find some solutions . When using double chain note taking software , I am also using Notion Class tools for online collaboration . In use , I published it 《Notion Summary of quality resources 》、《 Productivity tools FlowUs In depth evaluation 》 as well as 《 Strengthen your dashboard ： try Notion Domestic component library of class tools NotionPet》.

In the process of using widgets , It occurred to me that , Why not use these widgets in double chain notes ？ As long as it supports tools for embedding web pages , It should be able to use Small components , Not just limited to Notion Class software . therefore , With this article .

How to use small components in double chain note taking software ？

What is a widget ？

Small components , English is Widget Extension, Visualization module mainly displayed graphically , Make the information users want to know within reach . at present ,NotionPet There are many kinds of small components 、 It's also powerful . Let's say NotionPet As an example to introduce ：

Know the widget Library NotionPet

Introduce

An embedded widget Library .

Domestic component library NotionPet characteristic

• Rich types of small components . at present ,NotionPet There are two kinds of widgets ： Basic components and dynamic Icon Components . The widgets include 30 About basic components , It involves time management 、 task management 、 Information management 、 Learning aids and other scenes . such as , Tomato clock 、 The weather 、 Page turning clock 、 count down 、 A memorial day reminder 、 One sentence of English every day 、 An ancient poem every day 、 Microblog hot search 、 Visitor statistics 、 Dynamic text etc. .
• The widget service is stable . Compared with similar products abroad , Stable service , It's very convenient to use .
• Small components support personalized customization . The widget supports text fonts 、 Color 、 Component settings of basic information such as numbers . meanwhile , Widgets also support public configurations such as widget appearance background .
• Small component platformization . at present ,NotionPet Fast iteration in progress . also ,NotionPet Support third-party developers to participate in the development of small components , Build community ecology .

Use demonstration

The following is my previous support Native development and Folder page Note taking software FlowUs The embedded NotionPet Specific effects of ：

Operation method

How to embed small components in double chain notes ？

One 、 Embed web syntax ： The specific grammar is different , See Icon ：

Roam Research Embed web syntax

{{iframe:URL}}

Gourd notes Embed web syntax

{{iframe: URL}} Or enter it directly on the editor page / wang, Then choose 「 Web embedding 」 that will do .

Logseq Embed web syntax

Basic grammar ：<iframe src="URL" ></iframe>

Advanced Grammar ： Allow window resizing . As follows ：

<iframe src="URL" style="width: 100%; height: 300px"></iframe>

Obsidian Embed web syntax

Basic grammar ：<iframe src="URL" ></iframe>

Advanced Grammar ： Allow window resizing . As follows ：

<iframe style="width: 500px; height: 300px;border: 0;" src="URL"></iframe>

Roam Edit Embed web syntax

{{embed src=""}}

Siyuan notes Embed web syntax

Enter... In the editor / iframe link , Paste widget URL That's it .

Two 、 Create personalized widgets , Generate widget links , Then paste it and replace URL. Pictured ： stay NotionPet Copy the widget link in the upper right corner .

3、 ... and 、 Widget window display adjustment ： If the software itself supports adjusting widget windows , such as Roam Research, Drag and adjust directly . If the software does not support , It needs to be adjusted manually . Such tools take Logseq and Obsidian For example , The adjustment method is simple , Modify the width embedded in the grammar 、 Height and other values , That is, modify the 「width: 100%; height: 300px 」 The corresponding value .

The following is a demonstration of using widgets to embed different double chain notes . among , It mainly shows   Card flip clock 、 Ring colorful clock 、 Holiday Countdown 、 Annual grid 、 Microblog hot search 、 Weather in China 、 Daily English And other small components . Jump directly to the double chain note taking software you are using , You can see it. .

More widgets , You can directly access Embedded widget Library Official website NotionPet, Choose your favorite widget .

Roam Research Widget embedding effect

Logseq Widget embedding effect

Obsidian Widget embedding effect

Roam Edit Widget embedding effect

Siyuan notes Widget embedding effect

Gourd notes Widget embedding effect

NotionPet Fast iteration in progress , More beautiful and powerful small components will be launched gradually . About NotionPet More content , You can go to the official website to learn . Or check the references about NotionPet Special article evaluation content of .

reference

• NotionPet Official website
• Strengthen your dashboard ： try Notion Domestic component library of class tools NotionPet