小组件·分类汇总

分类
使用教程
关键词
小组件

组件世界/Widget Store 简介

一个服务于 Notion 类产品、双链笔记类产品、代码托管平台「GitHub」、博客系统「WordPress」以及为知笔记等文本编辑器的可嵌入式小组件库
一个辅助用户建立个性化、可视化的仪表盘或者知识库的工具。
注释:「组件世界/Widget Store」即原先的 NotionPet. 为了更好地服务于常见的编辑器系统,已经对官网进行了改版,也启用了全新的中英文名字 「组件世界/Widget Store」

组件世界/Widget Store 组件·全面介绍

「组件世界 Widget Store」 提供的服务包括:基础组件、动态图标、动态背景、可视化图表、Notion 汉化、效率时代博客
下面将按照使用场景进行分类,对「组件世界 Widget Store」的多种组件进行分类全面介绍

基础小组件

目前已经有接近 40 个基础组件,使用场景各异。如图,官方已经将小组件按照使用场景进行分类
如图,目前设置了资讯管理、内容运营、图片管理、学习、娱乐、日历、习惯养成、动效文字、时钟、天气等类别。
notion image
notion image
下面是按照类别,对小组件进行逐个介绍

资讯管理

资讯管理目前包括微博话题卡片、微博热搜排行榜、大盘指数三个类别。此外,每日科技新闻滚动公告组件正在开发中。

微博话题卡片

介绍:聚合你关心的话题。
notion image

微博热搜排行榜

介绍:实时热点,即时更新,迅速直达!
notion image

大盘指数

介绍:中小 100、沪深 300、上证 50、中证 500、上证 180、上证 380.
notion image

内容运营

「内容运营」类别下,目前包括荧光关注引导、哔哩哔哩粉丝看板、页面访客点赞、访客统计、埋点统计、按钮

荧光关注引导

介绍:聚合个人常见站点、荧光风格的关注引导。目前支持 BiliBili、Twitter、GitHub、码云、Notion、微博等多个平台的超链接跳转。后面将支持用户上传图片,嵌入任意网站,而不是仅仅局限于目前的少数平台。
notion image

哔哩哔哩粉丝看板

介绍:展示 BiliBili 关注数、粉丝数以及 Up 主页快速跳转。
notion image

页面访客点赞

介绍:为你的分享页添加用户点赞功能。
notion image

访客统计

介绍:自动统计某个分享页面被用户访问的数量,方便追踪页面的阅读/观看数量。
notion image

埋点统计

介绍:支持接入百度统计、51la 统计代码,实现埋点可视化!
notion image
notion image
notion image

按钮

介绍:使用按钮/Buttons 创建自定义的信息面板。
使用场景:用户可以为每个按钮添加特定链接。
如果添加笔记软件自身的访问链接/ Deep Link URLs,则可以实现笔记软件内部的内容快速跳转,相当于为笔记软件做了一个可视化的内容目录
如果添加某个网站站点的超链接,则相当于建立了一个可视化的书签管理面板
如下图,我嵌入了多个笔记软件的官网站点。点击下面这些按钮,便可以快速跳转至官网。
notion image

图片管理

此类别下目前只有「基础图片幻灯片」组件。

基础图片幻灯片

在这个组件设置中,上传图床链接,设置图片播放速度,嵌入编辑器后,便可以实现多张图片的循环播放
此组件已经支持「图片选择器」,即在线图床,方便用户上传图片。
notion image
notion image

学习

学习类主要包括:每日一句英语、每日一句古诗词、计算器。此外,小画板正在开发中。

每日一句英语

每日一句英语,数据来自词霸。光标移动到英文下方的灰色部分,便可以显示中文翻译
notion image

每日一句古诗词

notion image
notion image

计算器

notion image

小画板

介绍:极简白板。
notion image

娱乐

此类别下主要是音乐小组件。目前,仅支持网易云音乐,后期将逐步支持 QQ 音乐、Apple Music 等常见音乐平台

网易云音乐

notion image
notion image
notion image
notion image

日历

日历类别下,主要包括极简日历、年度格子、恋爱纪念日、节假日倒计时、简约生日倒计时、生命倒计时等组件。此外,下班倒计时、月末倒计时等组件正在开发中。

极简日历

农历·日历等组件后期也会逐步上线。
notion image

年度格子

介绍:一眼查看今年的日历进度,每个格子代表一天!
notion image

恋爱纪念日

介绍:记录你们的恋爱时光。
notion image

下班倒计时

notion image

月末倒计时

notion image

节假日倒计时

介绍:下一个节假日还有多少天?
notion image

简约生日倒计时

介绍:设置生日倒计时,记得送上你的祝福!
notion image

生命倒计时

包括两种类型:多种风格可选,支持自定义配置。比如,进度条包括基础、多彩、条纹、间隔、电池、球形、关节等多种主题。
notion image
notion image

习惯养成

习惯养成类别,主要包括打卡热力图、打卡计数、极简番茄钟、白噪音等组件,旨在培养用户对习惯进行量化追踪、专注当前任务的习惯。

打卡热力图

打卡热力图按次数/时间进行计算。组件主题,除了常见的绿色,也可以选择蓝色/粉丝主题。
使用场景:记录自己在某个任务上的时间/次数。比如,每日阅读/写作了多长时间?
notion image

打卡计数

此组件主要功能是「简单记录某件事做了多少次」。比如,记录每日的喝水次数、记录每日分心次数。
notion image

极简番茄钟

介绍:基于番茄工作法的效率工具,提高自律,摆脱拖延。
notion image

白噪音

白噪音并不是真正的噪音,而是一种模拟播放大自然的声音。通过自然之声,有助于帮助使用者提高专注力、放松心情、缓解压力、提升效率
目前,白噪音组件包括海浪、篝火、鸟鸣、雨声四种类型。后面将支持更多的白噪音类型。嵌入组件后,点击即可播放声音,再次点击便停止声音播放。
如果你嵌入多个白噪音组件的话,同时播放,便可以实现白噪音的混合模式
notion image

动效文字

此类别目前包括三个组件:动效文字打字机效果LED 手持弹幕,均可实现以动态效果呈现文本内容的功能。

动效文字

介绍:让你的内容富有动感!
notion image

打字机效果

介绍:以打字机效果展示文本内容,打字速度支持自定义。
notion image

LED 手持弹幕

介绍:可手持的滚动字幕。
如下图,我制作了应援「初音未来」的LED 手持弹幕
notion image
notion image

时钟

目前,「时钟」类别下包括多种各有特色的时钟组件。比如,简时钟、扁平时钟、环形多彩时钟、卡片翻牌时钟、3 D 粒子时钟、极简番茄钟

简时钟

notion image

扁平时钟

介绍:支持多种自定义配色,创建属于自己风格的扁平化时钟!
notion image

环形多彩时钟

介绍:基于环形进度条的多彩时钟,满满装饰感!
notion image
notion image

卡片翻牌时钟

介绍:卡片翻页风格的时钟。
notion image
notion image

3 D 粒子时钟

介绍:超炫酷的3D粒子时钟。
notion image
notion image

极简番茄钟

介绍:基于番茄工作法的效率工具,提高自律,摆脱拖延。
notion image

天气

查看天气是比较常见的使用场景。目前,天气类别包括「基础天气组件」和「天气预报」. 其中,天气预报目前支持未来 3 天的天气预报。具体显示效果如下:

基础天气组件/天气预报

notion image

动态图标

什么是动态图标?简单的来说,图标内容/样式,可以随着时间、位置等不同因素而变化,支持自定义配置的图标/ Icon.
动态图标主要细分为两种类型
日历类动态日历手帐日历。这类动态图标,可以随着时间推移,动态显示当天的具体日期
综合类:具有一定动态效果、可自定义文字内容的动态 Icon, 主要用于建立知识库,作为突出提醒、展示之用。
notion image
notion image

动态背景图

目前,动态背景图包括基础时间进度条卡片胶囊倒计时两种类型。未来将会支持更多的动态背景类型,比如在封面/头图中显示动态天气
基础时间进度条:分为年进度、周进度两种类型。
卡片胶囊倒计时:以卡片形式,支持日期、年进度、周进度的同时显示。
notion image
notion image
notion image

可视化图表

至于平台,目前仅支持 Notion, 后期将逐渐支持 FlowUs 等产品。
目前,可视化图表支持 Notion Database 的可视化,提供了饼状图、柱状图、折线图、Echarts 柱状图、词云图。未来将会支持更多的可视化图表类型。
notion image
notion image
notion image

Notion 汉化

组件世界 Widget Store」的 NotionCn 服务,提供了 Notion 软件汉化
网页端汉化:安装使用 NotionCn 插件即可。插件支持平台——Chrome、Firefox 火狐、360 浏览器
桌面端汉化:直接使用 NotionCn 已经添加汉化脚本的安装包即可。
注释 :翻译来源由 Notion 社区志愿者 reamd7 等人提供 翻译贡献。具体由社区维护翻译校验。
notion image

效率时代·博客

关于「效率方法」的博客,包括学习/笔记/阅读/写作方法等主题。
notion image

Notion 风格头像生成器

Notion Avatar Maker
notion image

下一个组件?

组件世界/Widget Store 会根据用户需求,继续优化已上架的组件,也会不断上架一些好用、好看的新组件和新功能。如果你想吐槽或者提出建议,请前往社区进行反馈,具体见 反馈方式 @组件世界/Widget Store
Built with Potion.so