小组件·分类汇总

组件世界/Widget Store 简介

一个服务于 Notion 类产品、双链笔记类产品、代码托管平台「GitHub」、博客系统「WordPress」以及为知笔记等文本编辑器的可嵌入式小组件库

一个辅助用户建立个性化、可视化的仪表盘或者知识库的工具。

注释:「组件世界/Widget Store」即原先的 NotionPet. 为了更好地服务于常见的编辑器系统,已经对官网进行了改版,也启用了全新的中英文名字 「组件世界/Widget Store」

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

「组件世界 Widget Store」 提供的服务包括:基础组件、动态图标、动态背景、可视化图表、Notion 汉化、效率时代博客

下面将按照使用场景进行分类,对「组件世界 Widget Store」的多种组件进行分类全面介绍

基础小组件

目前已经有接近 40 个基础组件,使用场景各异。如图,官方已经将小组件按照使用场景进行分类

如图,目前设置了资讯管理、内容运营、图片管理、学习、娱乐、日历、习惯养成、动效文字、时钟、天气等类别。

小组件·分类汇总

小组件·分类汇总

下面是按照类别,对小组件进行逐个介绍

资讯管理

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

微博话题卡片

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

小组件·分类汇总

微博热搜排行榜

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

小组件·分类汇总

大盘指数

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

小组件·分类汇总

内容运营

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

荧光关注引导

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

小组件·分类汇总

哔哩哔哩粉丝看板

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

小组件·分类汇总

页面访客点赞

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

小组件·分类汇总

访客统计

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

小组件·分类汇总

埋点统计

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

小组件·分类汇总

小组件·分类汇总

小组件·分类汇总

按钮

介绍:使用按钮/Buttons 创建自定义的信息面板。

使用场景:用户可以为每个按钮添加特定链接。

如果添加笔记软件自身的访问链接/ Deep Link URLs,则可以实现笔记软件内部的内容快速跳转,相当于为笔记软件做了一个可视化的内容目录

如果添加某个网站站点的超链接,则相当于建立了一个可视化的书签管理面板

如下图,我嵌入了多个笔记软件的官网站点。点击下面这些按钮,便可以快速跳转至官网。

小组件·分类汇总

图片管理

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

基础图片幻灯片

在这个组件设置中,上传图床链接,设置图片播放速度,嵌入编辑器后,便可以实现多张图片的循环播放

此组件已经支持「图片选择器」,即在线图床,方便用户上传图片。

小组件·分类汇总

小组件·分类汇总

学习

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

每日一句英语

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

小组件·分类汇总

每日一句古诗词

小组件·分类汇总

小组件·分类汇总

计算器

小组件·分类汇总

小画板

介绍:极简白板。

小组件·分类汇总

娱乐

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

网易云音乐

小组件·分类汇总

小组件·分类汇总

小组件·分类汇总

小组件·分类汇总

日历

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

极简日历

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

小组件·分类汇总

年度格子

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

小组件·分类汇总

恋爱纪念日

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

小组件·分类汇总

下班倒计时

小组件·分类汇总

月末倒计时

小组件·分类汇总

节假日倒计时

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

小组件·分类汇总

简约生日倒计时

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

小组件·分类汇总

生命倒计时

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

小组件·分类汇总

小组件·分类汇总

习惯养成

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

打卡热力图

打卡热力图按次数/时间进行计算。组件主题,除了常见的绿色,也可以选择蓝色/粉丝主题。

使用场景:记录自己在某个任务上的时间/次数。比如,每日阅读/写作了多长时间?

小组件·分类汇总

打卡计数

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

小组件·分类汇总

极简番茄钟

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

小组件·分类汇总

白噪音

白噪音并不是真正的噪音,而是一种模拟播放大自然的声音。通过自然之声,有助于帮助使用者提高专注力、放松心情、缓解压力、提升效率

目前,白噪音组件包括海浪、篝火、鸟鸣、雨声四种类型。后面将支持更多的白噪音类型。嵌入组件后,点击即可播放声音,再次点击便停止声音播放。

如果你嵌入多个白噪音组件的话,同时播放,便可以实现白噪音的混合模式

小组件·分类汇总

动效文字

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

动效文字

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

小组件·分类汇总

打字机效果

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

小组件·分类汇总

LED 手持弹幕

介绍:可手持的滚动字幕。

如下图,我制作了应援「初音未来」的LED 手持弹幕

小组件·分类汇总

小组件·分类汇总

时钟

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

简时钟

小组件·分类汇总

扁平时钟

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

小组件·分类汇总

环形多彩时钟

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

小组件·分类汇总

小组件·分类汇总

卡片翻牌时钟

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

小组件·分类汇总

小组件·分类汇总

3 D 粒子时钟

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

小组件·分类汇总

小组件·分类汇总

极简番茄钟

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

小组件·分类汇总

天气

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

基础天气组件/天气预报

小组件·分类汇总

动态图标

什么是动态图标?简单的来说,图标内容/样式,可以随着时间、位置等不同因素而变化,支持自定义配置的图标/ 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 Store

参考文献

使用教程·综合介绍

组件世界 WidgetStore 一个丰富、强大的嵌入式小组件库

组件世界 Widget Store 支持平台

使用教程· 按照产品分类

小组件·通用使用教程

小组件·分类汇总

埋点统计组件·使用教程

动态图标·使用教程

动态背景图· 使用教程

可视化图表·使用教程:让你的 Notion Database 数据实现可视化

NotionCn 使用教程——Notion 中文版·汉化方案,支持网页端和客户端

组件世界 Widget Store· 使用案例——将小组件整合至你的笔记软件

使用教程·按照平台分类

Notion 类笔记软件使用教程:使用「组件世界」打造精美、强大的知识库主页

双链笔记使用教程:如何在双链笔记软件中建立仪表盘?以嵌入式小组件库「组件世界 Widget Store」为例,辅助建立强大的知识库

为知笔记使用教程:使用「组件世界 Widget Store」辅助知识管理

GitHub 使用教程:如何使用小组件搭建个性化的 GitHub 主页?以「组件世界 Widget Store」为例

WordPress 使用教程:如何在 WordPress 中使用组件库建立丰富、强大、好看的主页?以「组件世界 Widget Store」为例

给TA打赏
共{{data.count}}人
人已打赏
组件世界 Widget Store 使用教程

WordPress 使用教程:如何在 WordPress 中使用组件库建立丰富、强大、好看的主页?

2022-11-13 17:16:06

组件世界 Widget Store 使用教程

埋点统计组件·使用教程

2022-11-13 17:22:36

3 条回复 A文章作者 M管理员
  1. […] 关于上述小组件的详细介绍和使用效果,具体参见文章:组件世界/Widget Store:小组件·分类综合介绍「持续更新中」 […]

  2. […] 小组件·分类汇总 […]

  3. user913

    我找到热力图啦,真不容易

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索