国产组件库 NotionPet：为 Notion 、FlowUs 等笔记软件嵌入可视化模块
閱讀時間約 7 分鐘
引言
前段时间我发布了《Notion 优质资源汇总》，在这篇文章中，不少小伙伴反映了一个问题：这些面向 Notion 类产品的服务，几乎都是由国外开发者提供，有些产品虽然好但是需要付费，另外一些产品虽然是免费的，但是在大陆地区使用的话服务器又不够稳定。
有比较好的解决办法吗？比如推荐使用一些国产服务。在资源汇总这篇文章发布后，通过评论区的留言，我加上了 Noto，这是 @吕立青_JimmyLv 提供的建站服务。今天我介绍另外一个在评论区发现的、面向 Notion 类产品的服务——国产组件库 NotionPet。
很多用户可能对小组件并不陌生，这当中最为常见的便是智能手机等移动设备的桌面，Android 和 iOS 已经先后支持了小组件。小组件，英文为 widget extension，主要以图形化展示的可视化模块，让用户想要了解的信息触手可及。
现在让我们一起走进国产小组件库 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 组件库哪家强？》。如果你有使用体验比较好的资源，麻烦您在评论区分享。
关联阅
参考文献
本文作者 Spike112，首发于少数派。转载需要授权。原文地址 强化你的仪表盘：试试 Notion 类工具的国产组件库 NotionPet
為什麼會看到廣告
18會員
86內容數
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
如果要說現代人不可或缺的物質是什麼？
有水、空氣這些明顯不可或缺的，有些人會說是食物、娛樂
但大部分人不會特別意識到︰我們都生活在混凝土裡
水泥與混凝土不同
水泥是一種建築材料，與水混合後會凝固硬化。水泥不常單獨使用，而是用來與沙、礫（骨料）接合。水泥與細緻的骨料混合後形成砂漿（用來接合磚塊
CNEWS匯流新聞網記者胡照鑫、施建宏／台北報導
2023台北國際建築建材暨產品展昨(7)日登場，第七度以國家館名義共襄盛舉的農業部林業及自然保育署與台大生物資源暨農學院實驗林管理處，今年以「从森」為主題，聯手多家木竹材製品業者、社團法人台灣義築協會及台灣竹會，以國產木、竹材打造並呈現林間意象
圖說:一起樂羊洋貴賓大合照(由左至右)焦志方、羊協李阿陽常務理事、防檢署林邑鴻組長、中畜會王佑桓組長、羊協蘇清祥監事長、羊協林浚琛理事長、羊偶阿努薩、農業部馮一鉞科長、省都應德春董事長、農業部羅志平技正。(前左至右) 羊協蘇玉蘭常務理事、羊協蘇瑞娟秘書長、營養師李哲佑、KIWI姐姐、鳳梨哥哥、上
圖:四季喜羊羊貴賓大合照(由左至右)王淑麗主播、防檢署林邑鴻組長、中華羊協林浚琛理事長、上雅顧問吳文智執行長、中畜會王佑桓組長、農業部畜牧司馮一鉞科長、畜試所南區分所李光復主任、主持人焦志方、前左陳首宏主廚、前右阮紹榮主廚 。圖/中華民國養羊協會提供。
【李婉如／ 報導】國產羊肉鮮嫩不羶，是優質蛋
大家好，我是諸葛呆，在大多數的人都在關心NVIDIA和AI浪潮時，不妨花些時間關心原物料市場動靜，特別是面對炙熱天氣，美國黃豆與玉米產量可能大打折扣。
獨立農民調查團體Pro Farmer甫結束一年一度的產州巡迴田野之旅，因為測量方式不同，這項數據具有相當參考性，尤其和USDA美國農業部每月公布數
今年7月19日時，這個部落格專欄曾經就提過中國的大型房地產公司的債務問題。
E
拙文中提到：據報導恆大目前共欠債3020億美元（約新台幣8.45兆元）。
台灣一年的中央政府總預算約莫2兆台幣。也就是說這家公司的負債，大約是台灣政府4年的中央政府總預算。
這個金額非常龐大，超出一般人的想像太多。本
專注產生內在察覺力，當我們頻繁地出現某些情緒或行為時，就是「挖掘課題」的最佳時機
第六章 國防事件
世勳很快的動用自己的人脈，坐在消防署的空中消防大隊的重型直升機上。
「轟！」
那狼煙竄起的速度，就算是遠在30公里外的所在，也可以清清楚楚的瞧見。有如古時候討救兵的狼煙。
「啊…就是那裡，快！…」當然，在空中上的世勳沒有道理看不見。
「順便Call地面消防隊…」
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
如果要說現代人不可或缺的物質是什麼？
有水、空氣這些明顯不可或缺的，有些人會說是食物、娛樂
但大部分人不會特別意識到︰我們都生活在混凝土裡
水泥與混凝土不同
水泥是一種建築材料，與水混合後會凝固硬化。水泥不常單獨使用，而是用來與沙、礫（骨料）接合。水泥與細緻的骨料混合後形成砂漿（用來接合磚塊
CNEWS匯流新聞網記者胡照鑫、施建宏／台北報導
2023台北國際建築建材暨產品展昨(7)日登場，第七度以國家館名義共襄盛舉的農業部林業及自然保育署與台大生物資源暨農學院實驗林管理處，今年以「从森」為主題，聯手多家木竹材製品業者、社團法人台灣義築協會及台灣竹會，以國產木、竹材打造並呈現林間意象
圖說:一起樂羊洋貴賓大合照(由左至右)焦志方、羊協李阿陽常務理事、防檢署林邑鴻組長、中畜會王佑桓組長、羊協蘇清祥監事長、羊協林浚琛理事長、羊偶阿努薩、農業部馮一鉞科長、省都應德春董事長、農業部羅志平技正。(前左至右) 羊協蘇玉蘭常務理事、羊協蘇瑞娟秘書長、營養師李哲佑、KIWI姐姐、鳳梨哥哥、上
圖:四季喜羊羊貴賓大合照(由左至右)王淑麗主播、防檢署林邑鴻組長、中華羊協林浚琛理事長、上雅顧問吳文智執行長、中畜會王佑桓組長、農業部畜牧司馮一鉞科長、畜試所南區分所李光復主任、主持人焦志方、前左陳首宏主廚、前右阮紹榮主廚 。圖/中華民國養羊協會提供。
【李婉如／ 報導】國產羊肉鮮嫩不羶，是優質蛋
大家好，我是諸葛呆，在大多數的人都在關心NVIDIA和AI浪潮時，不妨花些時間關心原物料市場動靜，特別是面對炙熱天氣，美國黃豆與玉米產量可能大打折扣。
獨立農民調查團體Pro Farmer甫結束一年一度的產州巡迴田野之旅，因為測量方式不同，這項數據具有相當參考性，尤其和USDA美國農業部每月公布數
今年7月19日時，這個部落格專欄曾經就提過中國的大型房地產公司的債務問題。
E
拙文中提到：據報導恆大目前共欠債3020億美元（約新台幣8.45兆元）。
台灣一年的中央政府總預算約莫2兆台幣。也就是說這家公司的負債，大約是台灣政府4年的中央政府總預算。
這個金額非常龐大，超出一般人的想像太多。本
專注產生內在察覺力，當我們頻繁地出現某些情緒或行為時，就是「挖掘課題」的最佳時機
第六章 國防事件
世勳很快的動用自己的人脈，坐在消防署的空中消防大隊的重型直升機上。
「轟！」
那狼煙竄起的速度，就算是遠在30公里外的所在，也可以清清楚楚的瞧見。有如古時候討救兵的狼煙。
「啊…就是那裡，快！…」當然，在空中上的世勳沒有道理看不見。
「順便Call地面消防隊…」