说明
本文介绍的是主题theme配置文件中的修改方式,也就是说仅适用于被修改的主题。
另外还有在hexo根目录下设置favicon的方式,虽然这种方法的好处是无需再各个主题单独设置,以下原因没有使用:
1.考虑到标签页/网页小图标favicon的颜色style等还是要和theme结合比较美观
2.试了在hexo根目录配置文件中设定的方式,并没有成功
关于所说明的标签页小图标,即favicon,效果如下,
修改前(next主题):
修改后:
制作favicon图标
- 准备好用作标签页/网页小图标favicon的图片
- 搜索
favicon 在线
,可以看到一些在线图片转favicon的工具
我用的是这个(link): bitbug - 利用工具做成图标。
我做了16x16,与32x32的。
图片位置与编辑配置文件
- 图片位置
打开next主题的_config.yml
文件,favicon:
有以下内容:1
2
3favicon:
small: /images/favicon-16x16-next.png
medium: /images/favicon-32x32-next.png
也就是说当前使用的图标位置路径是 主题下的 source/images 。
把刚才制作好的图标放到这里。
- 编辑配置文件
在next主题的_config.yml
文件,修改新的图片作为favicon的对象:1
2
3favicon:
small: /images/favicon16.ico
medium: /images/favicon32.ico
然后在本地环境就能看到效果了。
其他还是执行hexo g
, hexo d
发布网站到master分支上。