Featured image of post Notion动态图标使用

Notion动态图标使用

用动态链接为 Notion 页面生成会自动变化的日期、倒计时和文字图标。

之前为了满足自己的需求做了一个 Notion 的动态图标,最近有朋友刚好有类似的需求,就分享给他了。想着其他人可能有类似的需求,不如写一篇教程。

所谓动态图标,就是在我们设置完成之后,不用修改图标链接,它会自动发生变化。比如将 Notion 图标设置为 https://notion-icon.malinkang.com/,每天打开都会自动显示当日日期。

设置日期

https://notion-icon.malinkang.com/ 默认显示当日日期。也可以在链接后面添加 ?date=2026-01-01 来设置指定日期,比如:

1
https://notion-icon.malinkang.com/?date=2026-01-01

日期可以按照 YYYY-MM-DD 格式填写。

设置类型

动态图片支持多种类型,使用方法是在链接后面加上 ?type=类型

类型 示例
https://notion-icon.malinkang.com/?type=day
https://notion-icon.malinkang.com/?type=week
https://notion-icon.malinkang.com/?type=month
https://notion-icon.malinkang.com/?type=year
文字 https://notion-icon.malinkang.com/?type=text&content=好
倒计时 https://notion-icon.malinkang.com/?type=pass&date=2026-01-01

设置颜色

动态图标还支持多种颜色,默认是红色。使用方法是在链接后面添加 ?color=pink

这个动态图标不仅可以用在 icon 上,也可以用在封面上。下面是我设置成封面的效果:

https://malinkang.notion.site/d34e3250832a4b5fb44054a8b364df2a?v=4b77a5dbe8034da0b99d81d3162e2af7&pvs=74

以上就是教程的全部内容,使用中有什么问题或者建议欢迎留言。

Licensed under CC BY-NC-SA 4.0
使用 Hugo 构建
主题 StackJimmy 设计