type
status
date
slug
summary
tags
category
icon
password
0 问题
当我的网站搭建好并运行时,我发现Favicon仍然缺失。
Favicon(网站图标)就是显示在浏览器标签页、地址栏和书签栏里的那个小图标。它就像是网站的“头像”或迷你Logo,能让你在一堆打开的网页中快速找到它,也让网站看起来更专业。
查看了NotionNext手册上所说的,一般需利用GitHub搭建图床的方式上传一个Favicon。
我觉得这样比较麻烦。同时,我还希望这个icon与网站保持同源(与其它图片或数据一样,都来自Notion),然后我研究了一下,发现完全可以。效果如图

以下是我的方法笔记:
1 如何制作icon
去一个在线网站https://www.logosc.cn/favicon-generator,可以快速生成一个字母icon。当然,你也可以点击 “图片Favicon”,上传自己头像得到一个(我就是这么做的)

↑上传一张图片,就能下载(获得)favcion.ico文件
2 这个icon上传到哪里去?
很遗憾,NotionNext并不支持你“上传”一个icon,你只能在配置中心填写一个icon的地址。(如图)

这就意味着,你得把这个icon上传到某个地址上去。
根据NotionNext官方的介绍,建议用github作为图床,上传这个icon,再填写到这个配置中心来。但我觉得:
1)在github上再做一个图床太麻烦
2)违背了资源同源的管理原则(我希望图片,素材,数据都尽可能来自同一个地方:notion)
所以我要做的就是把这个icon上传到notion里。如何上传呢?
3 把favicon上传到notion的办法
1)新建一个notion笔记(当然,就在你的notoinNext数据库里建)
2)这个笔记我专用用来存素材,比如背景图片,favicon等
3)在这个页面上传文件(注意是上传文件,而不是添加图片)


上传成功后会看到如上↑↑↑↑↑↑↑
点击,它会新开一个窗口。复制这个窗口地址

4 粘贴到NotionNext配置中心去
找到BLOG_FAVICON,在值里粘贴地址。然后保存数据(关闭表格即保存)

5 完成!
如果你是vercel部署,大约十秒后你就能看到效果了。如果是其它方法,要看看是否刷新一下推送。总之,很快你就能在网站上看到自己的favicon了。

————end————