更换Hexo的网页图标/小图片Hexo change page favicon | 您所在的位置:网站首页 › 华为浏览器自定义导航怎么设置默认路径图标 › 更换Hexo的网页图标/小图片Hexo change page favicon |
自己原创文章link: https://wangxiaoyu-go.github.io/2018/11/18/change-theme-favicon/ Table of Contents 说明 制作favicon图标 图片位置与编辑配置文件 说明本文介绍的是主题theme配置文件中的修改方式,也就是说仅适用于被修改的主题。 另外还有在hexo根目录下设置favicon的方式,虽然这种方法的好处是无需再各个主题单独设置,以下原因没有使用: 1.考虑到标签页/网页小图标favicon的颜色style等还是要和theme结合比较美观 2.试了在hexo根目录配置文件中设定的方式,并没有成功 关于所说明的标签页小图标,即favicon,效果如下, 修改前(next主题): 1. 图片位置 打开next主题的_config.yml文件,favicon:有以下内容: favicon: small: /images/favicon-16x16-next.png medium: /images/favicon-32x32-next.png 也就是说当前使用的图标位置路径是 主题下的 source/images 。 把刚才制作好的图标放到这里。 2. 编辑配置文件 在next主题的_config.yml文件,修改新的图片作为favicon的对象: favicon: small: /images/favicon16.ico medium: /images/favicon32.ico 然后在本地环境就能看到效果了。 其他还是执行hexo g, hexo d发布网站到master分支上。 |
CopyRight 2018-2019 实验室设备网 版权所有 |