克難修改 Hexo 圖標 (favicon)
前言
沒有 photoshop 或其他修圖經驗，手邊也沒有任何修圖軟體怎麼辦？
準備圖片
想要使用什麼圖片都可以，但是要注意，因為圖標是非常小的圖示，不宜使用太複雜的樣式，而且線條要注意不要太細，容易看不清楚。
我想要產生有文字的圖標，主要是利用線上的中文藝術字體生成器，它也有英文藝術字體生成器。我覺得很不錯的是可以輸入色碼選擇文字顏色和背景顏色，可以設計成符合網站主題的色調。此外還有像素選擇，因為稍晚會需要轉換成 16、32 和 180 像素，這邊我會盡量選 400 或 200 像素。字體方面可以直接點擊下方喜歡的圖卡，滿方便的。
下面的圖是，我的兩個圖標版本的示意圖，左邊版本的字體是「為你鍾情」，右邊版本是「字心坊童年體」，右邊的版本因為線條較粗，有稍微明顯一點，但是如果跟 facebook 的 f 字體粗細相比，又稍微細了一些，大家可以參考看看。
產生完字體後，直接用螢幕截圖即可。如果不喜歡正方形的圖標，Mac 也沒有小畫家，我都直接用 ppt 進行修正 (喜歡 ppt)，修出喜歡的邊框後 (擋住不要的地方後)，一樣使用螢幕截圖。可是會有白色的底色殘留，這個時候可以使用 ppt 的去背功能：選擇圖片 > 圖片格式 > 去除背景 > 移動方框到選取整張圖片 > 保存改變。在圖片上按「右鍵」、「另存圖片」就可以了。
轉換成圖標
網路上應該有滿多轉換圖標的工具，我是使用 ACONVERT.COM，它的好處是可以自定義寬和高，但是好像大於 256 pixels 就無法產生。如果要轉換成較大的像素，改點選網站上方的「轉換」或「尺寸」。
修改主題設定檔
打開主題的 _config.yml 檔案，找到 favicon 的設置，改變路徑的檔名就好。圖標通常都會放在主題的 source/images 資料夾中。
在修改圖標的同時，我從 BMW 主題跳槽到 Next 主題了，哈哈哈，以下用 Next 為例，直接將 /images/圖標名稱 圖標名稱改成自己的設定就可以了。
1 | favicon: |
將圖標放入目標資料夾
記得將圖標檔案放進 主題的 source/images 資料夾。