再玩GHOST:瀏覽器自訂個性icon

1)向量圖庫 2)圖檔與路徑設定 3)開啟程式編輯工具,code上傳更新GHOST THEME

講到初步設定部落格加入GA分析、Facebook 留言和通知加入內文蠟筆效果自訂個性icon和內文蠟筆效果也會持續使用主題桌布上傳theme以及code injection,可以先玩玩上一篇喔,再來看設定icon也會相對簡單,這篇會看到的東西有:

  1. 向量圖庫介紹
  2. 圖檔與路徑設定
  3. 開啟程式編輯工具,放入code上傳更新GHOST THEME

改變瀏覽器圖示,自訂三八icon~

會想設定icon就只是因為三八,有自訂圖片多好看啊!鎖定瀏覽頁的時候也別具特色~我也很挑剛的挑了個解鎖圖,看起來滑過去可以點擊,超可愛^^

首先找到好用的圖片,自己畫也可以,這邊推薦幾個向量圖庫。

Noun Project
Fontawesome
Flaticon
freepik

逛著會像填充衣櫃一樣,永遠難以抉擇阿^^

挑好圖片就可以擺到你的主題桌布資料夾,把圖檔放在assets裡面。

alt

接著必須要有開程式的軟體,打開桌布底下的default.hbs檔案,在head處加入一行交代要使用的檔案路徑,檔名記得要改成自己的喔,副檔名測試過ico、png都是可以的。

<link rel="shortcut icon" href="{{asset "/favicon.ico"}}" />

alt

準備好了就上傳到Genreal > theme,簡言之就是一般Blog給你準備好直覺點選的套版,GHOST是DIY在工程端完工之後,再打包完整上傳。

確定CHANGE THEME之後,應該就可以看到你的瀏覽器圖示已經改變了,超可愛的有成就感吧!