惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

WordPress大学
WordPress大学
GbyAI
GbyAI
P
Proofpoint News Feed
B
Blog
MyScale Blog
MyScale Blog
V
V2EX
B
Blog RSS Feed
Microsoft Security Blog
Microsoft Security Blog
量子位
Jina AI
Jina AI
博客园 - 叶小钗
Recent Announcements
Recent Announcements
有赞技术团队
有赞技术团队
罗磊的独立博客
L
LangChain Blog
I
InfoQ
云风的 BLOG
云风的 BLOG
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
人人都是产品经理
人人都是产品经理
小众软件
小众软件
V
Visual Studio Blog
月光博客
月光博客
The Cloudflare Blog
雷峰网
雷峰网

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
组件世界 WidgetStore :一个丰富、强大的嵌入式小组件库 - ...
2022-12-08 · via 少数派

关于服务于 Notion 等编辑器的组件库,在 5 月份的时候,我介绍了组件库 NotionPet.  

如今,过了半年,NotionPet 已经更名为「组件世界/Widget Store」。 究其原因,已经有越来越多的编辑器支持嵌入组件,而不再仅仅局限于 Notion. 除了国内外常见的 Notion 类软件双链笔记软件也基本都支持嵌入组件,甚至包括为知笔记、WordPress、Github 等。

在改名之外,「组件世界/Widget Store」不仅丰富了原先的小组件动态图标,也提供了动态背景图可视化图表等功能。下面将介绍一下 「组件世界/Widget Store」的主要服务以及使用方法。

组件世界简介

一个服务于 Notion 类产品、双链笔记类产品、代码托管平台「GitHub 等」、博客系统「WordPress」以及为知笔记等文本编辑器的可嵌入式小组件库。
一个辅助用户建立个性化、可视化的仪表盘或者知识库的工具。

主要产品

目前,「组件世界/WidgetStore」提供基础组件、动态图标、动态背景图、可视化图表

支持平台

  • 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 风格头像生成器

Notion Avatar Maker 版权归原开发者,此处为友情推荐

使用案例

在实际使用中,可以将不同小组件,根据使用场景加以组合使用。进而,建立个性化的仪表盘。

比如,第一行,将天气时钟组件放在一起,方便快速鸟瞰。第二行,将每日一句英语每日一句诗词组件放在一起。第三行,将卡片翻牌时钟番茄钟白噪音打卡热力图组件进行组合。每一天,先通过时钟组件查看时间,再根据番茄工作法,设置番茄钟组件进行学习或者工作。随后,打开白噪音组件让自己进入沉浸状态。最后,根据番茄钟的实践结果,在打卡热力图中,对自己对某个事件进行追踪打卡。

以下是一些小组件·使用示范

使用教程·如下

检索并进入「组件世界/Widget Store」

检索关键词——组件世界Widget StoreNotionPet,任选其一均可。其中,NotionPet 是「组件世界」的原名。

根据产品分类,查找所需组件类型

根据使用场景,筛选并创建组件

根据使用需求,配置组件

组件配置:支持组件数据来源、文本内容、颜色、字体对齐方式等多种要素的自定义配置;

公共配置:支持组件边框类型、颜色、边距、外观背景的自定义配置;

可视化图表的配置稍微复杂一些,基本流程如下:绑定 Notion 数据库 ➡️ 获取工作区授权 ➡️ 获取目标数据库 URL ➡️ 设置坐标轴选项、排序方式、过滤条件等 ➡️ 复制组件链接。

根据平台类型,复制对应的组件链接

1.点击右上角的「复制组件链接」

2.根据提示,选择对应的组件链接并点击复制;

3.组件链接主要区分为通用链接、 链接、 链接

3.1 通用链接:适用于 Notion 类、Roam 类双链笔记软件。

3.2 链接:适用于 WordPress;

3.3 链接:适用于 WordPress/GitHub 等平台;

嵌入链接至编辑器的对应位置

基础小组件:嵌入至编辑器正文;

动态图标:嵌入至编辑器图标;

动态背景图:嵌入至编辑器封面/头图;

可视化图表:嵌入至编辑器正文;

注意区分不同编辑器平台的嵌入语法

对于 Notion 类工具而言,如果是小组件、可视化图表的组件链接,直接粘贴至页面正文,选择将链接转换为「嵌入网页」即可。

至于双链笔记软件、为知笔记等云笔记、Github等代码托管平台、WordPress 等博客平台的使用,参见专门的使用教程

多种类型的小组件嵌入效果

官网

检索关键词:组件世界/ Widget Store/ NotionPet 即可。

注释:「组件世界/Widget Store」的原名即 NotionPet.

组件世界/ Widget Store 官网

帮助文档

参考文献