问题描述
基于hexo新搭建好的个人博客想更换网页图标的icon
期望达到的效果
更换前:
更换后:
背景
我用的chrome浏览器,使用的是yilia主题,参考 前端 | hexo+yilia博客主题设置网页ico小图标 设置后一直不成功
尝试的的解决途径
- 直接去根目录下的
/blog/_config.yml
添加修改favicon
,失败 - 更改icon图片存放位置,并在主题
/themes/yilia/_config.yml
文件中修改对应路径,失败 - 去
/blog/public/index.hmtl
下F12修改页面参数,无法更新,失败
解决办法
最后无意间看到这篇帖子 试了好久,favicon.ico都设置失败 ,推测我的可能也是图片大小问题,去 在线制作ico图标 将目的图片改成 16×16 大小 ,重新hexo g
更新,以及hexo d
部署至远端,成功解决问题!
本文作者:
twocanis
本文链接: https://twocanis.github.io/2021/12/09/%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%BF%AE%E6%94%B9%E8%AE%BE%E7%BD%AE%E7%BD%91%E9%A1%B5%E5%9B%BE%E6%A0%87icon%E5%A4%B1%E8%B4%A5%E7%9A%84%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95/
版权声明: 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。转载请注明出处!
本文链接: https://twocanis.github.io/2021/12/09/%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2%E4%BF%AE%E6%94%B9%E8%AE%BE%E7%BD%AE%E7%BD%91%E9%A1%B5%E5%9B%BE%E6%A0%87icon%E5%A4%B1%E8%B4%A5%E7%9A%84%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95/
版权声明: 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。转载请注明出处!