印象里听过这样一句话,Notion 让我们找回了当年 DIY QQ 空间的乐趣,已经寻不到说这句话的正主,但是仔细想想,还是挺有意思。
概要
本篇内容偏介绍类,无需理论基础,但是需要懂得如何修改文本,以达到自己想要的效果。
- 自定义日历 Icon 与 Bing 壁纸;
- 修改自定义日历 Icon 时间,让日期不变;
- 修改自定义日历 Icon 日期颜色,突出显示。
看看效果?


Notion icon 嵌入
Notion 的 Icon 是支持嵌入 image 格式的内容,兼容格式有:PNG、JPG、GIF、SVG、BASE64 字符。
如果你想要你的 Notion icon 或者 Cover 动起了,那么可以试试内嵌一个 GIF 图片。比如弄一个春意黯然、散发花香的动图。
如何嵌入 Icon
找到 Page 上的 Add icon 按钮,点击后选择你想要的 icon 即可。注意 Notion Page 与 Notion Database 显示方式是不一样的,Notion Database 在左边显示,对比 Page 比较小。

动图演示

动态日历 Icon 的起因
起因是 @Jack 在 Notion 中文社区的 TG 群里发了一个链接:
https://shkspr.mobi/svg/calendar.svg
当你浏览器访问这个链接时,会显示本月、当日与本周,很是神奇。但是试着把这个链接嵌入到 Notion 后,显示的是原始的图片,并没有获取到当日的图。带着好奇心我试着看了一眼这个日历 icon 的源码。

原作者是在 SVG 图片里嵌入了 JavaScript 脚本, Notion 为了安全原因,比如避免 XSS,禁用了执行 JavaScript 脚本,所以显示的就是默认的文本。
我昨晚试着做出了第一个版本,但是只能获取到当天的 时间,如果想显示昨天,前天或者说是任意一天,做不到。
❤️这里要感谢一下 AFuture,在他的提醒下,可以通过自定义链接参数,来实现上述的效果。并且 AFuture 最后还实现了一个很不错的版本,也就是现在采用的版本。
嵌入自动获取时间的日历 Icon
嵌入每日变化的日期
https://linmi.cc/calendar/
复制上面的链接,Add icon,找到 Url,粘贴进去确定即可。

嵌入固定日期
https://linmi.cc/calendar/index.php?date=2020-03-09
date=2020-03-09
后面的日期就是可以修改的日期,比如生成五月十号的日历 Icon,那么就可以这么写:2020-05-10
,放在?date=
后面,就得到了
https://linmi.cc/calendar/index.php?date=2020-05-10

可改进的点
考虑到目前这个链接获取的是中国的时间,那么对于外国就不那么好用了,所以后期会添加一个时区选项,链接生成是根据时区来。
嵌入动态壁纸背景
固定的壁纸背景很单调, 不如尝试试试每天定时换一张,也能顺便换换自己的好心情。
Notion 中如何嵌入背景
Notion 嵌入背景与嵌入 Iocn 方式一样。我们找到 Add cover,点击后即可自定义背景。
嵌入动态壁纸
这里我就不做自己搭建,选用了第三方的服务,有兴趣折腾的同学,可以试着自己自定义:https://github.com/xCss/bing、http://bing.creepersan.com/document。
http://www.neweb.top/bing.php

调整背景位置
如果觉得背景看起来不是很舒服,可以试着调整一下图片的位置。

总结
其实这类内嵌的壁纸,还有很大的想象空间,比如图片可以定时显示当天播放的番剧、汇率、天气、穿衣情况。
更有可能,试着嵌入其他软件的任务进来?
参考链接
例行
欢迎加入 Notion 中文社区社群:linmi.cc/n
感谢站长,有没有办法加一个自定义链接的参数,从而显示创建当天的日期,不会变化的哪种 icon 呢?
这样的拿来用作日记或者待办/打卡类的页面 icon 应该很合适。
@暗淡蓝点 🤔让我思考一哈。
作者大大,我也是前两天才发现这个宝藏,但是用了你给这个链接https://linmi.cc/calendar/,并不能每天更新日历,这是为啥呀,感觉评论区的大家都没有这个问题。(我已经试了两天了,他还是不能自动更新呢。我用的是win桌面版)
我刚刚临时起意看了看网页版,发现是好的,是因为win版需要刷新一下页面么?桌面版要如何刷新页面哇,求大佬指教呀(我目前是进到下一个page再返回,好像可以刷新,但是日历图标还是没变🤦
期待大佬的回复哈哈哈
@ryan 🤔,看起来我要重新搞一下了。
@ryan 遇到了同样的问题
真的太厉害了,马上就用起来!
有没有美国时间的动态calendar icon? 谢谢大佬。
请教一个问题:如何将自动插入当日日期的icon保持在当日,以便日后回顾时还是显示创建那天的日期icon,不通过手动输入固定日期连接的方式。
@HH 无法支持其实。
@Linmi 好的谢谢
这两个功能真的太棒了,学到了,立马用到自己的journal里了。感谢。
这个功能真棒,在汇总页面,ICON总是能自动显示当天的日历。做单独页面的时候,只要把日期改成当天的,就能自动生成一个固定的日期图片。省了很多事情
太棒了
请教一个问题:
昨天打开Notion(网站版),发现日历视图里面的日期,显示成了英语,以前显示的是汉语。琢磨了半天,没办法改过来。
我使用 https://linmi.cc/calendar/ 这个链接进行日历输入之后发现已经写好的日记会跟着时间变化变动
今天登录notion之后发现之前的日记用的这个链接的都变成了今天的日期,是bug还是什么问题?还是只有我有这个现象?
@Caisimon 这玩意是动态的,你访问这个api他就会获取当前时间并返回图片,什么时候访问就返回什么时候的图片。可以考虑使用固定日期的链接
太棒了
大佬问一下,我是win10 ,刚刚入门notion,想要在标题前加emoji,看了官方给的快捷键是win键+。或者;,都试过了但是没有呼出表情管理器,去平板上也试了ctrl +cmd+空格,也是一样没有出现,可以请教一下是什么问题吗?
@给我一罐蓝 方便的话,录制一个视频看看?不行只能使用第三方输入法。
@给我一罐蓝 Win+;可以唤起微软自带的输入法emoji,我很常用。你用的是别的输入法?
蹲一个北美的时间链接。。
这个功能真是太棒了
功能很强大!👍
赞👍
有了这个感觉日历视图会更好看一点
请问下你的博客里和notion官方风格一致的头像和插图都是怎么来的?
提几点建议吧,第一点,那个日历能用但是其中有些error,我等着你发源码我来试试改一下,结果你没有。第二点,我觉得把你的个人博客当成所谓的中文社区并不是长久之计,你会很累,内容也并不会很多。第三点,尽管notion真正的社区是那个notion page的内容,但是隐蔽的太深而且全球访问notionpage的速度都是感人的,反而你的博客位置放的过于明显。但是您的博客毕竟只有您来写,一个诸葛亮顶不过三个臭皮匠。总得来说,建个真正的社区,discuz也好,typecho也罢。就是开源吧,就像我喜欢notion开源的感觉。我一直有个信仰即开源无敌。
@Jack 回答你第一个问题:我没看到你问我要源码,再且为什么我就开源?大教堂模式也能解决问题。第二个问题:我的 Notion.fun 需要进行企业备案,这点比较麻烦。且这只是我博客,我并没有当成一个社区,现有的社群申请页面只是一个落地页。Notion Page 访问慢是环境问题,我是无法改变这类问题。第三点:Notion 是商业产品,与开源的关系应该是 Notion 使用了开源来支持产品本身。
@Linmi 赞
赞!👏👏👏