Hexo网站图标及标题

Hexo设置博客网站图标及标题

在配置好博客的其他样式设置之后,发现使用Hexo主题的话默认的网站主题不是很好看,可以通过以下设置进行修改浏览器在选项卡中显示的图标。

原选项卡标签图标

image-20220116155240416

修改之后的图标及标题

image-20220116162721976

一、图标选择

可以去阿里巴巴矢量图标库的插图库里面选择一个下载下来

链接地址:https://www.iconfont.cn/

二、修改图标

将图标保存到 source / img / websiteAvatar 文件夹下,打开主题设置yml文件,修改favicon为图标文件所存放的位置

1
2
3
# 用于浏览器标签的图标
# Icon for browser tab
favicon: /img/websiteAvatar/blackcat.png

三、修改博客标签页标题

修改.deploy_git / index.html 里面的 Title 标签内的文字 为自己的网站网页标题,最后更新上github即可


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!