国产组件库 NotionPet:为 Notion 、FlowUs 等笔记软件嵌入可视化模块

更新於 發佈於 閱讀時間約 7 分鐘

引言

前段时间我发布了《Notion 优质资源汇总》,在这篇文章中,不少小伙伴反映了一个问题:这些面向 Notion 类产品的服务,几乎都是由国外开发者提供,有些产品虽然好但是需要付费,另外一些产品虽然是免费的,但是在大陆地区使用的话服务器又不够稳定。
有比较好的解决办法吗?比如推荐使用一些国产服务。在资源汇总这篇文章发布后,通过评论区的留言,我加上了 Noto,这是 @吕立青_JimmyLv 提供的建站服务。今天我介绍另外一个在评论区发现的、面向 Notion 类产品的服务——国产组件库 NotionPet。
很多用户可能对小组件并不陌生,这当中最为常见的便是智能手机等移动设备的桌面,Android 和 iOS 已经先后支持了小组件。小组件,英文为 widget extension,主要以图形化展示的可视化模块,让用户想要了解的信息触手可及。
与此类似的,使用 NotionPet,NotionFlowUs 等服务的用户,也可以在笔记软件内部嵌入可视化模块,建立强大的仪表盘。
现在让我们一起走进国产小组件库 NotionPet。

初识 NotionPet

点击 NotionPet 的官网链接便可以看到官网介绍。这个站点的主要功能,便是为 Notion 等产品提供好看、强大、可定制的小组件。
NotionPet 目前允许新用户通过电子邮箱注册账号,或者可以直接微信扫码登录。随后我们就可以进入主页了。
在这里,我们自己所创建的小组件可以在页面上方查看,页面下方则是官方的小组件市场。
NotionPet 的小组件包括两种:基础组件和动态 Icon 组件。
基础组件:NotionPet 目前提供了 21 个基础组件,包括动效文字、极简番茄钟、年度格子、生命倒计时、扁平时钟、访客统计、环形多彩时钟、中国天气组件、词霸每日一句英语、页面访客点赞、荧光关注引导、简约生日倒计时、微博热搜排行榜、恋爱纪念、哔哩哔哩粉丝看板、打卡计数、节假日倒计时。
动态 Icon 组件:目前动态 Icon 组件支持动态日历和 NotionPet 文字。

小组件使用方式

NotionPet 的使用方法十分简单。具体流程如下:
首先,在小组件市场浏览并选择你想要创建的小组件类型。随后,将光标悬浮在该小组件之上,点击创建组件。
创建组件之后便直接进入了组件配置界面。如图,在配置页面左上角,你可以对小组件的标题进行设置。配置包括两种:一种是组件设置,主要设置组件内容中的文字内容、文字颜色、日期、数字等基础信息。
另外一种是公共配置,主要是配置小组件的外观显示效果,包括是否浅色和深色模式的选择以及对应的自定义容器背景的颜色配置。
在配置完成后,在左下角复制链接,然后粘贴至你正在使用的 Notion 类笔记软件中,选择 「Embed/嵌入显示」即可。

小组件使用场景

由于我正在使用支持文件夹页面、原生应用开发的 FlowUs . 下面我将以 FlowUs 为例,演示如何小组件的使用场景。

时间管理 & 任务管理

目前小组件主要属于时间管理、任务管理类。具体来说,我将其分为如下几个细分类别:
  • 时钟类:极简番茄钟、环形多彩时钟;
  • 日期提醒类:生命倒计时、年度格子、节假日倒计时、恋爱纪念日、简约生日倒计时;
  • 天气类:基础中国天气类;
  • 打卡类:今天喝水数量。
我使用这些小组件做了一个主页仪表盘,如图。为了紧凑,我将这些小组件集中在同一个页面了。你可以根据需要,选用合适的小组件。
  • 图片来源:FlowUs 仪表盘模版·传送门
  • 图中使用了动态日历。最好的办法是直接将链接上传至 icon/图标处。Notion 支持此功能。FlowUs 近期会上线此功能。

自媒体运营

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

资讯管理类

此类小组件目前只有一个:微博热搜排行榜。
这种类型的小组件还是比较有用的,可以作为轻量级的阅读看板。现在的问题是,热搜排行榜的类型比较少,只有微博。如果能加入少数派、知乎、澎湃新闻、豆瓣、虎嗅网、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 的发展方向如下:
  1. 提供更多好看且实用的小组件
  2. 赋予小组件更为强大的定制化能力,满足用户的个性化需求
  3. 支持与第三方开发者共建社区生态
  4. 服务于更多的 Notion 类产品
目前,官方已经将 Notion、FlowUs、Wolai 这三款产品加入官网相关链接。既然如此,随着 NotionPet 的发展也建议改个名,以便服务于更多产品所在的用户群体。
当然,面向 Notion 类的小组件库很多,如果你想对比多个组件库的优点和缺点的话,建议阅读《对比国内外 Notion 组件库哪家强?》。如果你有使用体验比较好的资源,麻烦您在评论区分享。

关联阅

参考文献

本文作者 Spike112,首发于少数派。转载需要授权。原文地址 强化你的仪表盘:试试 Notion 类工具的国产组件库 NotionPet
為什麼會看到廣告
avatar-img
19會員
86內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Spike Spiegel的沙龍 的其他內容
FlowUs 使用攻略:如何快速制作 Web 应用(PWA) 最近在寻找 Notion 的替代品过程中,我发现了 FlowUs.虽然是后起之秀,但不是唯 Notion 亦步亦趋。 FLowUs 有两个很重要的特性打动了我。 2.2 选择右上角的 设置 → 更多工具 → 创建快捷方式 最终效果如图。
在 FlowUs、Notion 等软件的 Database/多维表中,用户经常会进行各种类型的任务管理。比如,阅读清单、健康打卡、时间追踪、项目管理。为了在这些使用场景中快速查看和追踪任务进度,便需要使用进度条。 以下我将展示进度条的几种使用方法: 全年时间追踪·进度条 公式如下 日期·进度条
关于 Notion 的使用教程,在 Notion 相关社区已经有不少精品内容。这篇文章中,无意于探讨过于高级的技术,而是为准备使用 Notion 以及 相关的 FlowUs 用户提供一个详实、全面的使用教程。 本文会不定期更新。 数字花园:Notion 优质资源汇总) 使用反思 辅助工具·软件联动
我每天都要处理两类事务:简悦 & 工作,每个事务都会有不同的角色,如前者包括:编码、设计、产品经理、客服、售后、商务等,后者大多数时候是乙方角色,所以也包括了产品经理、沟通、估算成本、阶段交付以及「要账」…… 等等。 工作日志(间歇日记) 工作进度 产品动态(奖励机制) 文章协作 子项目 注释
为什么需要建立书籍管理系统? 在日常的学习和生活中,很多人喜欢建立一些电子书籍管理系统。其中,主要办法有三个:其一,使用当当、微信读书等阅读平台建立电子书单;其二,利用豆瓣这个书影音站点建立电子书单。 这些电子书单固然方便好用,但是也存在一些问题: 如何选择建立书籍管理系统的载体? Excel?
使用间隔重复强化记忆 正如很多人已经所熟知的艾宾浩斯遗忘曲线中所揭示的那样,我们的记忆是随着时间的流逝而衰减的,并且这种记忆衰减是有规律的。对此,最好的办法,便是在记忆衰退之前,按照一定的时间规律进行复习和自我检验。间隔重复便是一种被证明行之有效的记忆方法,能在很大程度上抵抗艾宾浩斯遗忘曲线。
FlowUs 使用攻略:如何快速制作 Web 应用(PWA) 最近在寻找 Notion 的替代品过程中,我发现了 FlowUs.虽然是后起之秀,但不是唯 Notion 亦步亦趋。 FLowUs 有两个很重要的特性打动了我。 2.2 选择右上角的 设置 → 更多工具 → 创建快捷方式 最终效果如图。
在 FlowUs、Notion 等软件的 Database/多维表中,用户经常会进行各种类型的任务管理。比如,阅读清单、健康打卡、时间追踪、项目管理。为了在这些使用场景中快速查看和追踪任务进度,便需要使用进度条。 以下我将展示进度条的几种使用方法: 全年时间追踪·进度条 公式如下 日期·进度条
关于 Notion 的使用教程,在 Notion 相关社区已经有不少精品内容。这篇文章中,无意于探讨过于高级的技术,而是为准备使用 Notion 以及 相关的 FlowUs 用户提供一个详实、全面的使用教程。 本文会不定期更新。 数字花园:Notion 优质资源汇总) 使用反思 辅助工具·软件联动
我每天都要处理两类事务:简悦 & 工作,每个事务都会有不同的角色,如前者包括:编码、设计、产品经理、客服、售后、商务等,后者大多数时候是乙方角色,所以也包括了产品经理、沟通、估算成本、阶段交付以及「要账」…… 等等。 工作日志(间歇日记) 工作进度 产品动态(奖励机制) 文章协作 子项目 注释
为什么需要建立书籍管理系统? 在日常的学习和生活中,很多人喜欢建立一些电子书籍管理系统。其中,主要办法有三个:其一,使用当当、微信读书等阅读平台建立电子书单;其二,利用豆瓣这个书影音站点建立电子书单。 这些电子书单固然方便好用,但是也存在一些问题: 如何选择建立书籍管理系统的载体? Excel?
使用间隔重复强化记忆 正如很多人已经所熟知的艾宾浩斯遗忘曲线中所揭示的那样,我们的记忆是随着时间的流逝而衰减的,并且这种记忆衰减是有规律的。对此,最好的办法,便是在记忆衰退之前,按照一定的时间规律进行复习和自我检验。间隔重复便是一种被证明行之有效的记忆方法,能在很大程度上抵抗艾宾浩斯遗忘曲线。
你可能也想看
Google News 追蹤
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
Notion 是一款集合筆記、任務管理、知識庫和數據庫於一身的多功能工具。它提供靈活的頁面結構和多種模板,讓用戶根據需求自定義工作空間。不論是個人還是團隊,都能用 Notion 提高工作效率和管理信息。
Thumbnail
在這個數位時代很多人都有使用筆記軟體來保存重要資料的習慣,隨著資料愈來愈多使用者不免會擔心軟體會不會發生故障或變動讓自己的重要資料付諸流水,因此本文想分享如何將Notion導入備份至Anytype這個近期熱門的新筆記軟體。
Thumbnail
經過前兩篇文章(Notion 是什麼?你適合使用 Notion 嗎、Notion 介面一覽及必備設定)的介紹,相信大家對 Notion 的功能及介面有了大致的瞭解,這次想要與大家分享的是我認為 Notion 中最具代表性的功能,Database。
Thumbnail
身為學生的你可能還在觀望要不要學 Notion,聽說很難但是好像功能又非常強大。今天就讓我用 5 分鐘告訴你你適不適合用 Notion,以及它的強大之處。
Thumbnail
身為數位工作者,我們常會使用多種生產力工具來輔助工作,Notion 和其中許多工具合作推出整合服務,讓你可以輕鬆把他們的檔案或功能嵌入 Notion,為你的 Notion 工作區增添一對翅膀。
Thumbnail
Notion Calendar 的基本資訊,以及一些常用功能。
Thumbnail
Notion目前還沒有中文版,加上自由度高,一開始真的不知道要怎麼使用,也很難感受到他到底好用在哪?所以我整理了輕鬆開始的簡單的三步驟,照著這個順序開始,就能少走歪路,順利將Notion應用在工作生活上,變成你的得力助手!
Thumbnail
新年新開始,不知道大家都用什麼方式來整理每天的代辦事項呢? 手帳本?手機備忘錄?日程管理APP? 或是和我一樣使用Notion來進行計畫呢 (๑•̀ㅂ•́)و✧ 這篇想分享我愛用的Notion月/日計畫模板,在經過2-3年的磨合之後,慢慢調整到了順手又喜歡的模樣,將會介紹三種模板,可以從旁
Thumbnail
Notion Calendar 是什麼? Notion Calendar 是一個新的日曆應用程式,可讓使用者在 Notion 中輕鬆管理其日程。它具有多種功能,可讓使用者更有效地管理其日程
Thumbnail
Notion以其強大功能廣受用戶歡迎,不僅提供豐富功能,還具備高度定制性,成為項目管理的理想選擇。 然而,其內建的進度條呈現似乎還滿單調的...所以這篇文章將介紹如何使用 Emoji 來豐富進度條設計,並提供多達22種的有趣組合! 讓你的任務進度管理以直觀形式展示,不僅增強視覺效果,更能增加成就感~
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
Notion 是一款集合筆記、任務管理、知識庫和數據庫於一身的多功能工具。它提供靈活的頁面結構和多種模板,讓用戶根據需求自定義工作空間。不論是個人還是團隊,都能用 Notion 提高工作效率和管理信息。
Thumbnail
在這個數位時代很多人都有使用筆記軟體來保存重要資料的習慣,隨著資料愈來愈多使用者不免會擔心軟體會不會發生故障或變動讓自己的重要資料付諸流水,因此本文想分享如何將Notion導入備份至Anytype這個近期熱門的新筆記軟體。
Thumbnail
經過前兩篇文章(Notion 是什麼?你適合使用 Notion 嗎、Notion 介面一覽及必備設定)的介紹,相信大家對 Notion 的功能及介面有了大致的瞭解,這次想要與大家分享的是我認為 Notion 中最具代表性的功能,Database。
Thumbnail
身為學生的你可能還在觀望要不要學 Notion,聽說很難但是好像功能又非常強大。今天就讓我用 5 分鐘告訴你你適不適合用 Notion,以及它的強大之處。
Thumbnail
身為數位工作者,我們常會使用多種生產力工具來輔助工作,Notion 和其中許多工具合作推出整合服務,讓你可以輕鬆把他們的檔案或功能嵌入 Notion,為你的 Notion 工作區增添一對翅膀。
Thumbnail
Notion Calendar 的基本資訊,以及一些常用功能。
Thumbnail
Notion目前還沒有中文版,加上自由度高,一開始真的不知道要怎麼使用,也很難感受到他到底好用在哪?所以我整理了輕鬆開始的簡單的三步驟,照著這個順序開始,就能少走歪路,順利將Notion應用在工作生活上,變成你的得力助手!
Thumbnail
新年新開始,不知道大家都用什麼方式來整理每天的代辦事項呢? 手帳本?手機備忘錄?日程管理APP? 或是和我一樣使用Notion來進行計畫呢 (๑•̀ㅂ•́)و✧ 這篇想分享我愛用的Notion月/日計畫模板,在經過2-3年的磨合之後,慢慢調整到了順手又喜歡的模樣,將會介紹三種模板,可以從旁
Thumbnail
Notion Calendar 是什麼? Notion Calendar 是一個新的日曆應用程式,可讓使用者在 Notion 中輕鬆管理其日程。它具有多種功能,可讓使用者更有效地管理其日程
Thumbnail
Notion以其強大功能廣受用戶歡迎,不僅提供豐富功能,還具備高度定制性,成為項目管理的理想選擇。 然而,其內建的進度條呈現似乎還滿單調的...所以這篇文章將介紹如何使用 Emoji 來豐富進度條設計,並提供多達22種的有趣組合! 讓你的任務進度管理以直觀形式展示,不僅增強視覺效果,更能增加成就感~