再玩GHOST:瀏覽器自訂個性icon
1)向量圖庫 2)圖檔與路徑設定 3)開啟程式編輯工具,code上傳更新GHOST THEME
講到初步設定部落格 、 加入GA分析、Facebook 留言和通知 、加入內文蠟筆效果自訂個性icon和內文蠟筆效果也會持續使用主題桌布上傳theme以及code injection,可以先玩玩上一篇喔,再來看設定icon也會相對簡單,這篇會看到的東西有:
- 向量圖庫介紹
- 圖檔與路徑設定
- 開啟程式編輯工具,放入code上傳更新GHOST THEME
改變瀏覽器圖示,自訂三八icon~
會想設定icon就只是因為三八,有自訂圖片多好看啊!鎖定瀏覽頁的時候也別具特色~我也很挑剛的挑了個解鎖圖,看起來滑過去可以點擊,超可愛^^
首先找到好用的圖片,自己畫也可以,這邊推薦幾個向量圖庫。
Noun Project
Fontawesome
Flaticon
freepik
逛著會像填充衣櫃一樣,永遠難以抉擇阿^^
挑好圖片就可以擺到你的主題桌布資料夾,把圖檔放在assets裡面。
接著必須要有開程式的軟體,打開桌布底下的default.hbs檔案,在head處加入一行交代要使用的檔案路徑,檔名記得要改成自己的喔,副檔名測試過ico、png都是可以的。
<link rel="shortcut icon" href="{{asset "/favicon.ico"}}" />
準備好了就上傳到Genreal > theme,簡言之就是一般Blog給你準備好直覺點選的套版,GHOST是DIY在工程端完工之後,再打包完整上傳。
確定CHANGE THEME之後,應該就可以看到你的瀏覽器圖示已經改變了,超可愛的有成就感吧!