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

更新 發佈閱讀 8 分鐘

引言

前段时间我发布了《Notion 优质资源汇总》,在这篇文章中,不少小伙伴反映了一个问题:这些面向 Notion 类产品的服务,几乎都是由国外开发者提供,有些产品虽然好但是需要付费,另外一些产品虽然是免费的,但是在大陆地区使用的话服务器又不够稳定。

有比较好的解决办法吗?比如推荐使用一些国产服务。在资源汇总这篇文章发布后,通过评论区的留言,我加上了 Noto,这是 @吕立青_JimmyLv 提供的建站服务。今天我介绍另外一个在评论区发现的、面向 Notion 类产品的服务——国产组件库 NotionPet。

很多用户可能对小组件并不陌生,这当中最为常见的便是智能手机等移动设备的桌面,Android 和 iOS 已经先后支持了小组件。小组件,英文为 widget extension,主要以图形化展示的可视化模块,让用户想要了解的信息触手可及。

与此类似的,使用 NotionPet,NotionFlowUs 等服务的用户,也可以在笔记软件内部嵌入可视化模块,建立强大的仪表盘。

现在让我们一起走进国产小组件库 NotionPet。

初识 NotionPet

点击 NotionPet 的官网链接便可以看到官网介绍。这个站点的主要功能,便是为 Notion 等产品提供好看、强大、可定制的小组件。

raw-image

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

raw-image

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

raw-image

NotionPet 的小组件包括两种:基础组件和动态 Icon 组件。

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

raw-image

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

raw-image
raw-image

小组件使用方式

NotionPet 的使用方法十分简单。具体流程如下:

首先,在小组件市场浏览并选择你想要创建的小组件类型。随后,将光标悬浮在该小组件之上,点击创建组件。

raw-image

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

raw-image

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

raw-image

在配置完成后,在左下角复制链接,然后粘贴至你正在使用的 Notion 类笔记软件中,选择 「Embed/嵌入显示」即可。

小组件使用场景

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

raw-image

时间管理 & 任务管理

目前小组件主要属于时间管理、任务管理类。具体来说,我将其分为如下几个细分类别:

  • 时钟类:极简番茄钟、环形多彩时钟;
  • 日期提醒类:生命倒计时、年度格子、节假日倒计时、恋爱纪念日、简约生日倒计时;
  • 天气类:基础中国天气类;
  • 打卡类:今天喝水数量。

我使用这些小组件做了一个主页仪表盘,如图。为了紧凑,我将这些小组件集中在同一个页面了。你可以根据需要,选用合适的小组件。

raw-image

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

自媒体运营

此类小组件有多个,主要为:动效文字、哔哩哔哩粉丝看板、页面访客点赞、荧光关注引导、访客统计。具体显示效果如图。

其中,荧光关注引导目前支持哔哩哔哩、Twitter、Github、Notion 等四个站点。前两行为动效文字、哔哩哔哩粉丝看板、访客统计,作为对于读者的欢迎区域;中间为博客内容。最下方左边为荧光关注引导,右边为页面访客点赞。

raw-image

参考链接:FlowUs 自媒体运营·模版·传送门

资讯管理类

此类小组件目前只有一个:微博热搜排行榜。

raw-image

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

开发者不妨参考国内聚焦于热搜排行榜的产品——今日热榜

raw-image

学习类

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

raw-image

以上是每日一词组件的显示效果。当然,单纯将这个组件放在一个页面中没有意义。每日一词小组件,最好放在你笔记软件的主页所在的仪表盘中,方便你每次打开查看几眼。或者,如果你正在学习英语,也可以放在相关笔记内容的首页处。

价格体系

NotionPet 区分为基础版和 Pro 版,其中基础版是对组件创建个数、组件创建类型存在限制。基础版提供创建 2 个基础组件和 3 个动态动态图标的数量,如果需要解除这些限制,则需要升级为 Pro 版。目前还不存在需要付费的高级组件类型,未来开发者可能会增加几个 Pro 组件。

raw-image
raw-image

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
留言分享你的想法!
avatar-img
Spike Spiegel的沙龍
20會員
86內容數
Spike Spiegel的沙龍的其他內容
2023/11/27
Walles AI 是一款 All in One 的全能AI閱讀工具。 簡單來說,Walles AI= AI聊天對話工具 + AI網頁閱讀工具+AI瀏覽器智能助手+ AI搜索引擎助手+ AIPDF文檔閱讀工具+AI視頻閱讀工具…… 更多新的AI閱讀場景正在解鎖中。
Thumbnail
2023/11/27
Walles AI 是一款 All in One 的全能AI閱讀工具。 簡單來說,Walles AI= AI聊天對話工具 + AI網頁閱讀工具+AI瀏覽器智能助手+ AI搜索引擎助手+ AIPDF文檔閱讀工具+AI視頻閱讀工具…… 更多新的AI閱讀場景正在解鎖中。
Thumbnail
2022/07/17
如何在双链笔记软件中建立仪表盘?以嵌入式小组件库 NotionPet 为例,辅助用户建立强大的知识库。 双链笔记软件的兴起与评测 Roam Research 综合评测、学习资源、使用教程分享 Logseq 双向链接笔记评测:优点、缺点、评价、学习资源/教程 使用小组件库强化双链笔记软件 介绍
Thumbnail
2022/07/17
如何在双链笔记软件中建立仪表盘?以嵌入式小组件库 NotionPet 为例,辅助用户建立强大的知识库。 双链笔记软件的兴起与评测 Roam Research 综合评测、学习资源、使用教程分享 Logseq 双向链接笔记评测:优点、缺点、评价、学习资源/教程 使用小组件库强化双链笔记软件 介绍
Thumbnail
2022/06/16
从收集到输出:盘点那些强大的知识管理工具——优秀笔记软件盘点(四) 只推荐优质、强大的生产力工具。 在以往的文章中,我已经介绍了不少兼具优雅和强大等特性的工具。今天我将围绕知识管理主题,我将从信息收集到内容输出,介绍几款在知识生产各个环节强大的知识管理工具。 《优质笔记软件详细盘点(一)》 介绍
Thumbnail
2022/06/16
从收集到输出:盘点那些强大的知识管理工具——优秀笔记软件盘点(四) 只推荐优质、强大的生产力工具。 在以往的文章中,我已经介绍了不少兼具优雅和强大等特性的工具。今天我将围绕知识管理主题,我将从信息收集到内容输出,介绍几款在知识生产各个环节强大的知识管理工具。 《优质笔记软件详细盘点(一)》 介绍
Thumbnail
看更多
你可能也想看
Thumbnail
Widgets 服務平台 如果你不喜歡程式碼,想要快速使用,可以參考以下的服務平台,有些是免費的,有些要付費,不妨嘗試看看: Apption.co → 種類眾多,可以慢慢看、慢慢選 Indify → 我喜歡他的時鐘,很好看 (有免費數目限制) WidgetBox
Thumbnail
Widgets 服務平台 如果你不喜歡程式碼,想要快速使用,可以參考以下的服務平台,有些是免費的,有些要付費,不妨嘗試看看: Apption.co → 種類眾多,可以慢慢看、慢慢選 Indify → 我喜歡他的時鐘,很好看 (有免費數目限制) WidgetBox
Thumbnail
如果你想要建立自己專屬的知識庫,或者是建立自己的待辦清單,這些零星的教學課程絕對夠你使用。 不過這裡想要介紹三大 Notion 必知道的功能,如果你跟筆者一樣都是金魚腦,很難記得很多東西,基本上掌握了這三大功能,Notion 可以快快上手喔!
Thumbnail
如果你想要建立自己專屬的知識庫,或者是建立自己的待辦清單,這些零星的教學課程絕對夠你使用。 不過這裡想要介紹三大 Notion 必知道的功能,如果你跟筆者一樣都是金魚腦,很難記得很多東西,基本上掌握了這三大功能,Notion 可以快快上手喔!
Thumbnail
Notion 教育版提供廣大的學生族群免費的方式使用一些Plus的功能,也就是取消一些免費版的限制!只要你擁有.edu的信箱,就有機會得到教育版權限!
Thumbnail
Notion 教育版提供廣大的學生族群免費的方式使用一些Plus的功能,也就是取消一些免費版的限制!只要你擁有.edu的信箱,就有機會得到教育版權限!
Thumbnail
WidgetBox 是一款免費的第三方軟體,提供了一系列的小工具,包括日曆、翻頁時鐘、按讚數、頁面瀏覽數、語錄、每日/週天氣、倒數計時器、人生進度條,以及 Buy Me A Coffee。本篇將專注介紹 Indify 及 Apption 未包含的三款小工具,為大家帶來更多選擇。走吧!!!
Thumbnail
WidgetBox 是一款免費的第三方軟體,提供了一系列的小工具,包括日曆、翻頁時鐘、按讚數、頁面瀏覽數、語錄、每日/週天氣、倒數計時器、人生進度條,以及 Buy Me A Coffee。本篇將專注介紹 Indify 及 Apption 未包含的三款小工具,為大家帶來更多選擇。走吧!!!
Thumbnail
Apption 是一款免費的第三方軟體,提供了一系列的小工具,包括日曆、天氣、翻頁時鐘、音樂嵌入、小白板、24小時制時鐘、GIPHY、Pinterest、每日語錄、留言區、今日月相,以及 Buy Me A Coffee。本篇將專注介紹 Indify 未包含的五款小工具,為大家帶來更多選擇。走吧!!!
Thumbnail
Apption 是一款免費的第三方軟體,提供了一系列的小工具,包括日曆、天氣、翻頁時鐘、音樂嵌入、小白板、24小時制時鐘、GIPHY、Pinterest、每日語錄、留言區、今日月相,以及 Buy Me A Coffee。本篇將專注介紹 Indify 未包含的五款小工具,為大家帶來更多選擇。走吧!!!
Thumbnail
Notion 是一個功能強大的 all-in-one 工具,讓我們可以更好地整理和管理自己的筆記和安排。然而,當我們使用 Notion 時,有時想要使用不同的圖示來標記不同的項目,但 Notion 內建的圖示已經用過一輪,想要找更貼切的符號卻不易。因此,我們將推薦四個網站,可以讓你能替換不同的圖示。
Thumbnail
Notion 是一個功能強大的 all-in-one 工具,讓我們可以更好地整理和管理自己的筆記和安排。然而,當我們使用 Notion 時,有時想要使用不同的圖示來標記不同的項目,但 Notion 內建的圖示已經用過一輪,想要找更貼切的符號卻不易。因此,我們將推薦四個網站,可以讓你能替換不同的圖示。
Thumbnail
Hello!你是初次使用 Notion 的朋友嗎?剛開始使用時是不是不知道從何處著手,那怕有很大的自由能客製化。這個心聲我們聽到了,本篇將會讓你知道,你只要學會 Notion 的六個基本功能,就能輕鬆地進行文書處理了。別再因為學習成本而來卻步,讓我們開始探索 Notion 的基本功能吧!走囉!!!!
Thumbnail
Hello!你是初次使用 Notion 的朋友嗎?剛開始使用時是不是不知道從何處著手,那怕有很大的自由能客製化。這個心聲我們聽到了,本篇將會讓你知道,你只要學會 Notion 的六個基本功能,就能輕鬆地進行文書處理了。別再因為學習成本而來卻步,讓我們開始探索 Notion 的基本功能吧!走囉!!!!
Thumbnail
前段时间我发布了《Notion 优质资源汇总》,在这篇文章中,不少小伙伴反映了一个问题:这些面向 Notion 类产品的服务,几乎都是由国外开发者提供,有些产品虽然好但是需要付费,另外一些产品虽然是免费的,但是在大陆地区使用的话服务器又不够稳定。 初识 NotionPet
Thumbnail
前段时间我发布了《Notion 优质资源汇总》,在这篇文章中,不少小伙伴反映了一个问题:这些面向 Notion 类产品的服务,几乎都是由国外开发者提供,有些产品虽然好但是需要付费,另外一些产品虽然是免费的,但是在大陆地区使用的话服务器又不够稳定。 初识 NotionPet
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News