什么是小组件？
小组件，英文为 Widget Extension, 主要以图形化展示的可视化模块，让用户想要了解的信息触手可及。目前，「组件世界/WidgetStore」的小组件种类比较丰富、功能也比较强大。
下面以「组件世界/WidgetStore」为例介绍：
组件世界/WidgetStore 简介
一个服务于 Notion 类产品、双链笔记类产品、代码托管平台「GitHub 等」、博客系统「WordPress」以及为知笔记等文本编辑器的可嵌入式小组件库。
一个辅助用户建立个性化、可视化的仪表盘或者知识库的工具。
主要产品
目前，「组件世界/WidgetStore」提供基础组件、动态图标、动态背景、可视化图表、Notion 汉化、效率时代「博客」。
支持平台
Notion 类笔记软件：包括 Notion、FlowUs 息流笔记、Wolai 我来云笔记、ClickUp、Coda、Anytype. 以及将来支持网页嵌入的印象笔记 Verse、微软 Microsoft Loop……
双链笔记软件，比如 Roam Research、Obsidian 黑曜石、Logseq、RemNote、思源笔记、Roam Edit、HuluNote 葫芦笔记。
其他编辑器：为知笔记 WizNote
代码托管平台：Github、Gitee、Gitlab
博客平台：Wordpress
产品特点
小组件类型丰富。目前，「组件世界/WidgetStore」提供了包括 基础组件、动态图标、动态背景、可视化图表、Notion 汉化 等多种服务，可以为笔记用户提供适用于时间管理、任务管理、资讯管理、习惯养成、学习等多种使用场景的解决方案。比如，在基础组件中包括天气、时钟、番茄钟、倒计时、日历、纪念日、习惯打卡、访客统计、白噪音、热力图、微博热搜、百度统计埋点等多种类型等小组件。
小组件服务稳定。相比国外同类产品，服务稳定，使用十分方便。
小组件支持个性化定制。小组件支持文字字体、颜色、数字等基础信息的组件设置。与此同时，小组件也支持小组件外观背景等公共配置。
小组件平台化。目前，「组件世界/WidgetStore」正在快速迭代中。并且，「组件世界/WidgetStore」支持第三方开发者参与开发小组件，共建社区生态。
使用效果
基础小组件
目前已经有接近 40 个基础组件，使用场景各异。如图，官方已经将小组件按照使用场景进行分类。
目前设置了资讯管理、内容运营、图片管理、学习、娱乐、日历、习惯养成、动效文字、时钟、天气等类别。
动态图标
什么是动态图标？简单的来说，图标内容/样式，可以随着时间、位置等不同因素而变化，支持自定义配置的图标/ Icon.
动态图标主要细分为两种类型：
日历类：动态日历、手帐日历。这类动态图标，可以随着时间推移，动态显示当天的具体日期。
综合类：具有一定动态效果、可自定义文字内容的动态 Icon, 主要用于建立知识库，作为突出提醒、展示之用。
动态背景图
目前，动态背景图包括基础时间进度条、卡片胶囊倒计时两种类型。未来将会支持更多的动态背景类型，比如在封面/头图中显示动态天气。
基础时间进度条：分为年进度、周进度两种类型。
卡片胶囊倒计时：以卡片形式，支持日期、年进度、周进度的同时显示。
可视化图表
至于平台，目前仅支持 Notion, 后期将逐渐支持 FlowUs 等产品。
目前，可视化图表支持 Notion Database 的可视化，提供了饼状图、柱状图、折线图、Echarts 柱状图、词云图。未来将会支持更多的可视化图表类型。
Notion 汉化
「组件世界 Widget Store」的 NotionCn 服务，提供了 Notion 软件汉化
网页端汉化：安装使用 NotionCn 插件即可。插件支持平台——Chrome、Firefox 火狐、360 浏览器
桌面端汉化：直接使用 NotionCn 已经添加汉化脚本的安装包即可。
注释 ：翻译来源由 Notion 社区志愿者 reamd7 等人提供 翻译贡献。具体由社区维护翻译校验。
效率时代·博客
关于「效率方法」的博客，包括学习/笔记/阅读/写作方法等主题。
Notion 风格头像生成器
Notion Avatar Maker：版权归原开发者，此处为友情推荐。
更多的使用效果，可以参见小组件、动态图标、动态背景图、可视化图表等细分产品教程。
使用案例
在实际使用中，可以将不同小组件，根据使用场景加以组合使用。进而，建立个性化的仪表盘。
比如，第一行，将天气和时钟组件放在一起，方便快速鸟瞰。第二行，将每日一句英语和每日一句诗词组件放在一起。第三行，将卡片翻牌时钟、番茄钟、白噪音、打卡热力图组件进行组合。每一天，先通过时钟组件查看时间，再根据番茄工作法，设置番茄钟组件进行学习或者工作。随后，打开白噪音组件让自己进入沉浸状态。最后，根据番茄钟的实践结果，在打卡热力图中，对自己对某个事件进行追踪打卡。
以下是一些小组件·使用示范
官网
检索关键词：组件世界/ Widget Store/ NotionPet 均可。其中，「组件世界/Widget Store」是由 NotionPet 更名而来。
使用教程·简明版
检索并进入「组件世界/Widget Store」
检索关键词——组件世界、Widget Store、NotionPet，任选其一均可。其中，NotionPet 是「组件世界」的原名。
根据产品分类，查找所需组件类型
根据使用场景，筛选并创建组件
根据使用需求，配置组件
组件配置：支持组件数据来源、文本内容、颜色、字体对齐方式等多种要素的自定义配置；
公共配置：支持组件边框类型、颜色、边距、外观背景的自定义配置；
可视化图表的配置稍微复杂一些，基本流程如下：绑定 Notion 数据库 ➡️ 获取工作区授权 ➡️ 获取目标数据库 URL ➡️ 设置坐标轴选项、排序方式、过滤条件等 ➡️ 复制组件链接。具体可参考专文教程可视化图表·使用教程：让你的多维表格/ Database 数据实现可视化。
根据平台类型，复制对应的组件链接
1.点击右上角的「复制组件链接」
2.根据提示，选择对应的组件链接并点击复制；
3.组件链接主要区分为通用链接、iframe 链接、img 链接
3.1 通用链接：适用于 Notion 类、Roam 类双链笔记软件。
3.2 iframe 链接：适用于 WordPress；
3.3 img 链接：适用于 WordPress/GitHub 等平台；
嵌入链接至编辑器的对应位置
基础小组件：嵌入至编辑器正文；
动态图标：嵌入至编辑器图标；
动态背景图：嵌入至编辑器封面/头图；
可视化图表：嵌入至编辑器正文；
注意区分不同编辑器平台的嵌入语法
对于 Notion 类工具而言，如果是小组件、可视化图表的组件链接，直接粘贴至页面正文，选择将链接转换为「嵌入网页」即可。
至于双链笔记软件、为知笔记等云笔记、Github等代码托管平台、WordPress 等博客平台的使用，参见专门的使用教程。
多种类型的小组件嵌入效果
使用教程·GIF 演示版
小组件· GIF 演示·使用教程
动态图标·GIF 演示·使用教程
动态背景图·GIF 演示· 使用教程
可视化图表· GIF 演示·使用教程
参考文献
使用教程·综合介绍
组件世界 WidgetStore 一个丰富、强大的嵌入式小组件库
使用教程· 按照产品分类
可视化图表·使用教程：让你的 Notion Database 数据实现可视化
NotionCn 使用教程——Notion 中文版·汉化方案，支持网页端和客户端
组件世界 Widget Store· 使用案例——将小组件整合至你的笔记软件
使用教程·按照平台分类
Notion 类笔记软件使用教程：使用「组件世界」打造精美、强大的知识库主页
双链笔记使用教程：如何在双链笔记软件中建立仪表盘？以嵌入式小组件库「组件世界 Widget Store」为例，辅助建立强大的知识库
为知笔记使用教程：使用「组件世界 Widget Store」辅助知识管理
GitHub 使用教程：如何使用小组件搭建个性化的 GitHub 主页？以「组件世界 Widget Store」为例
WordPress 使用教程：如何在 WordPress 中使用组件库建立丰富、强大、好看的主页？以「组件世界 Widget Store」为例
笔记软件·相关文章
Roam Research实用教程 – 高效率工作的组织策略
知识管理·相关文章
工作流系列：信息管理方案、如何建立数字花园、如何选择效率工具、如何建立阅读工作流、如何建立写作工作流、如何搭建知识管理系统？
阅读方法系列：速读、略读、跳读、细读、精读和泛读、结构 – 命题- 评估、主动阅读、主题阅读、批判性阅读、症候式阅读、渐进式阅读、对抗性阅读法、杠铃式阅读法
笔记方法系列：康奈尔笔记法、麦肯锡笔记法、大纲笔记法、子弹笔记法、一元笔记法、渐进式归纳法、常青笔记法、卡片盒笔记法、常见笔记法模版、思维导图使用方法
双向链接时代的快速无压记录 关于双向链接使用的深度好文
如何构建自己的笔记系统？ 系统、详实的笔记方法论
[…] 组件世界 WidgetStore 一个丰富、强大的嵌入式小组件库 […]
[…] 组件世界 WidgetStore 一个丰富、强大的嵌入式小组件库 […]
[…] 组件世界 WidgetStore 一个丰富、强大的嵌入式小组件库 […]
[…] 组件世界 WidgetStore 一个丰富、强大的嵌入式小组件库 […]