Notion Widget: 热力图

type

Post

status

Published

date

Jan 12, 2023

slug

notion-widget-heatmap

summary

notion + github 仓库生成打卡热力图小组件，利用 ios 的快捷指令实现自动打卡记录数据。

前置知识

💡

直接跳过也可，后面按照步骤一步步来操作即可。

注意建一个相对比较独立的库，防止后面share后，暴露不该暴露的内容（虽然一般情况下没人知道你的Database id）。

注意日期（图中 Date）这一列是必须的，也至少有 1 列打卡的项目名，比如图中的健身，项目的属性必须为 Checkbox 或 Number。

怎么建库？在页面输入 / ，然后继续输入 database，选 inline 或 fullpage 都行（你可以试试看下两者不同），前者需要这样查看 Database 页：

将 Database 设置为公开（右上角 Share，打开 Share to Web，关闭所有权限开关，因为我们只需要只读），同时记录此 Database 的 id（下图红框）

对这一步不感兴趣的可以直接跳过，因为可以使用我已经发布的在线组件。

直接 fork 这个仓库

，无需其它步骤。

🙏

这个组件使用第三方的在线服务来读取 Notion 公开仓库的数据，可能会因为服务宕机或者 Notion api 变更等导致不可用，可以去↑仓库提 issue 提醒我，或者懂代码的网友有更好的读取数据的方式也可以 issue 提出来或直接发起 MR，感谢~

将链接 https://noname4me.github.io/notion-widget/?db-id={your database id} 粘贴到你需要的 Notion Page 里（以 embed 方式）

注意其中的 github 名（如果上一步你跳过了可以不关注），以及你的 tatabase id（{your database id}）。

💡

非 iOS 手机应该也有类似的替代方案，可以求助搜索引擎。

个人建议：年终总结后，截图留存，以及清空数据（打卡签到的database），毕竟这种打卡数据于我个人而言就是过期作废，我关心的只是最终的热力图。