前端 | 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

第四步：

效果如下所示：