前端 | hexo+yilia博客主题设置网页ico小图标

我们常常可以看到不同网站都有专属的网页小图标，比如CSDN这个醒目的C，确实让人眼前一亮的感觉。

那么在hexo+yilia主题里怎么设置这个网页小图标呢？

第一步:

首先我们需要制作小图标图,一般网上都有在线制作的工具，这里我们选择比特虫来制作。

选择一张喜欢的图片，上传在线生成.ico文件，一般选择32*32大小即可,保存名字为favicon.ico

第二步：

1. 将 favicon.ico 图标文件放到 themes/yilia/source/img 文件夹下

2. 找到 hexo\themes\yilia\layout_partial\head.ejs，修改下面一段代码为

   <% if (theme.favicon){ %>
    <link rel="icon" href="/img/favicon.ico">
     <% } %>
   

第三步：

部署到远端服务器即可.

hexo g

hexo d

第四步：

效果如下所示：