Matrix 首页推荐
Matrix 是少数派的写作社区,我们主张分享真实的产品体验,有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章,展示来自用户的最真实的体验和观点。
文章代表作者个人观点,少数派仅对标题和排版略作修改。
引言
前段时间我发布了《Notion 优质资源汇总》,在这篇文章中,不少小伙伴反映了一个问题:这些面向 Notion 类产品的服务,几乎都是由国外开发者提供,有些产品虽然好但是需要付费,另外一些产品虽然是免费的,但是在大陆地区使用的话服务器又不够稳定。
有比较好的解决办法吗?比如推荐使用一些国产服务。在资源汇总这篇文章发布后,通过评论区的留言,我加上了 Noto,这是 @吕立青_JimmyLv 提供的建站服务。今天我介绍另外一个在评论区发现的、面向 Notion 类产品的服务——国产组件库 NotionPet。
很多用户可能对小组件并不陌生,这当中最为常见的便是智能手机等移动设备的桌面,Android 和 iOS 已经先后支持了小组件。小组件,英文为 widget extension,主要以图形化展示的可视化模块,让用户想要了解的信息触手可及。
与此类似的,使用 NotionPet,Notion、FlowUs 等服务的用户,也可以在笔记软件内部嵌入可视化模块,建立强大的仪表盘。
现在让我们一起走进国产小组件库 NotionPet。
初识 NotionPet
点击 NotionPet 的官网链接便可以看到官网介绍。这个站点的主要功能,便是为 Notion 等产品提供好看、强大、可定制的小组件。

NotionPet 目前允许新用户通过电子邮箱注册账号,或者可以直接微信扫码登录。随后我们就可以进入主页了。

在这里,我们自己所创建的小组件可以在页面上方查看,页面下方则是官方的小组件市场。

NotionPet 的小组件包括两种:基础组件和动态 Icon 组件。
基础组件:NotionPet 目前提供了 21 个基础组件,包括动效文字、极简番茄钟、年度格子、生命倒计时、扁平时钟、访客统计、环形多彩时钟、中国天气组件、词霸每日一句英语、页面访客点赞、荧光关注引导、简约生日倒计时、微博热搜排行榜、恋爱纪念、哔哩哔哩粉丝看板、打卡计数、节假日倒计时。

动态 Icon 组件:目前动态 Icon 组件支持动态日历和 NotionPet 文字。


小组件使用方式
NotionPet 的使用方法十分简单。具体流程如下:
首先,在小组件市场浏览并选择你想要创建的小组件类型。随后,将光标悬浮在该小组件之上,点击创建组件。

创建组件之后便直接进入了组件配置界面。如图,在配置页面左上角,你可以对小组件的标题进行设置。配置包括两种:一种是组件设置,主要设置组件内容中的文字内容、文字颜色、日期、数字等基础信息。

另外一种是公共配置,主要是配置小组件的外观显示效果,包括是否浅色和深色模式的选择以及对应的自定义容器背景的颜色配置。

在配置完成后,在左下角复制链接,然后粘贴至你正在使用的 Notion 类笔记软件中,选择 「Embed/嵌入显示」即可。
小组件使用场景
由于我正在使用支持文件夹页面、原生应用开发的 FlowUs . 下面我将以 FlowUs 为例,演示如何小组件的使用场景。
时间管理 & 任务管理
目前小组件主要属于时间管理、任务管理类。具体来说,我将其分为如下几个细分类别:
- 时钟类:极简番茄钟、环形多彩时钟;
- 日期提醒类:生命倒计时、年度格子、节假日倒计时、恋爱纪念日、简约生日倒计时;
- 天气类:基础中国天气类;
- 打卡类:今天喝水数量。
我使用这些小组件做了一个主页仪表盘,如图。为了紧凑,我将这些小组件集中在同一个页面了。你可以根据需要,选用合适的小组件。

附
- 图片来源:FlowUs 仪表盘模版·传送门
- 图中使用了动态日历。最好的办法是直接将链接上传至 icon/图标处。Notion 支持此功能。FlowUs 近期会上线此功能。

自媒体运营
此类小组件有多个,主要为:动效文字、哔哩哔哩粉丝看板、页面访客点赞、荧光关注引导、访客统计。具体显示效果如图。
其中,荧光关注引导目前支持哔哩哔哩、Twitter、Github、Notion 等四个站点。前两行为动效文字、哔哩哔哩粉丝看板、访客统计,作为对于读者的欢迎区域;中间为博客内容。最下方左边为荧光关注引导,右边为页面访客点赞。

参考链接:FlowUs 自媒体运营·模版·传送门
资讯管理类
此类小组件目前只有一个:微博热搜排行榜。

这种类型的小组件还是比较有用的,可以作为轻量级的阅读看板。现在的问题是,热搜排行榜的类型比较少,只有微博。如果能加入少数派、知乎、澎湃新闻、豆瓣、虎嗅网、36kr、哔哩哔哩等热门站点的热搜排行版就好了。
开发者不妨参考国内聚焦于热搜排行榜的产品——今日热榜。

学习类
此类小组件目前只有一个:词霸每日英语。

以上是每日一词组件的显示效果。当然,单纯将这个组件放在一个页面中没有意义。每日一词小组件,最好放在你笔记软件的主页所在的仪表盘中,方便你每次打开查看几眼。或者,如果你正在学习英语,也可以放在相关笔记内容的首页处。
价格体系
NotionPet 区分为基础版和 Pro 版,其中基础版是对组件创建个数、组件创建类型存在限制。基础版提供创建 2 个基础组件和 3 个动态动态图标的数量,如果需要解除这些限制,则需要升级为 Pro 版。目前还不存在需要付费的高级组件类型,未来开发者可能会增加几个 Pro 组件。


NotionPet 采取了订阅制。目前价格体系是:
- 3 个月 Pro:9.9 元
- 1 年 Pro: 36 元
- 2 年 Pro:70 元
- 3 年 Pro:99 元
目前,NotionPet 官方 正在活动期间,1 年 Pro 价格为 19.9/年。如果对这个国产组件库所提供的服务感兴趣,可以前往体验。
注:官方的折扣是通过领券的形式实现的,跳转至 NotionPet 官网后注册登录,随后优惠券便会自动弹出,领取即可。
如果 NotionPet 中没有你想要的小组件,也可以点击页面右上角加入社群,或者点击右下角对话窗口,直接向开发者反馈。
结语
以上便是关于 NotionPet 的简要介绍。未来NotionPet 的发展方向如下:
- 提供更多好看且实用的小组件
- 赋予小组件更为强大的定制化能力,满足用户的个性化需求
- 支持与第三方开发者共建社区生态
- 服务于更多的 Notion 类产品
目前,官方已经将 Notion、FlowUs、Wolai 这三款产品加入官网相关链接。既然如此,随着 NotionPet 的发展也建议改个名,以便服务于更多产品所在的用户群体。
当然,面向 Notion 类的小组件库很多,如果你想对比多个组件库的优点和缺点的话,建议阅读《对比国内外 Notion 组件库哪家强?》。如果你有使用体验比较好的资源,麻烦您在评论区分享。
关联阅读:
参考文献
> 下载 少数派 2.0 客户端、关注 少数派公众号,解锁全新阅读体验 📰
> 实用、好用的 正版软件,少数派为你呈现 🚀