Hexo的NexT主题添加favicon
折腾了半天,成功在hexo
的NexT
主题上应用了站点favicon,记录下具体步骤。
首先要说明的是,中文网站的教程,都是教你把favicon.ico
放在theme/next/source/images
下,但是现在NexT
主题推出npm
的安装方式,站点的theme
目录下根本没有next
文件夹。所以网上的教程早就过时了。
其次,NexT
官方博客上的说明极其具有误导性。如果按照它的说明操作,无法怎么设置,都是使用主题自带的图标。具体表现在:
- favicon图标格式只能使用
.ico
,才能替代NexT
主题自带的图标。而主题设置里却是使用的.png
格式 - 没必要把主题设置里
favicon
部分全部启用,只使用small
和medium
即可。
下面是具体设置方法
生成favicon
准备好图片,到这个网站:https://www.bitbug.net/ ,分别生成16x16
和32x32
大小的.ico
文件。