首先弄一個圖片,用工具轉成ico格式的圖標，放到根目錄下，起名字叫favicon.ico就可以了，但是發(fā)現(xiàn)好像不能保存到桌面上，做成64X64就應該可以了。
參考資料：https://wklchris.github.io/Advanced-blog-skills.html#帶-jekyll-語法的-html-代碼
作成64x64的應該就可以了
http://www.bitbug.net
制作圖標工具
用這個工具導
最大可以生成128x128的
教程1：
https://zhangge.net/4344.html
https://tool.lu/favicon/
弄一個圖片,用工具轉成ico格式的圖標，放到根目錄下，起名字叫favicon.ico就可以了
作成64x64的應該就可以了
http://www.bitbug.net
用這個工具導
教程1：
手機瀏覽器添加到主屏幕(桌面)的圖標設置以及WebApp模式
作者：unclealan???2017年05月12日
在手機瀏覽器上打開某個網(wǎng)站的時候，菜單中有這么一個選項"添加到主屏幕"，當然不同的手機改菜單選項的名字有所不同基本上叫"添加到桌面"、"添加到桌面導航" 之類的， 請自行理解其中意思。
這樣，主屏幕(桌面)上就會有一個該網(wǎng)站的快捷鍵圖標， 點擊該圖標，就會直接打開網(wǎng)站，類似于APP。
添加到主屏幕的默認圖標會根據(jù)你的網(wǎng)站自動生成，因而不同平臺下（iOS、Android、WindowsMobile）會有所不同，我們能否統(tǒng)一設置主屏幕圖標呢？ 答案是肯定的。
圖標的格式建議選擇png
設置主屏幕圖標
在中添加如下代碼 改代碼，在ios和安卓下都可以支持該設置。 測試時，ios平臺下使用的是Safar瀏覽器， Android下使用的是Chrome瀏覽器。
設置WebApp模式
從主屏圖標進入網(wǎng)站會隱藏地址欄和狀態(tài)欄, 全屏(content="yes")
WindowsMobile中的設置
windows手機中也有類似于添加到主屏幕的功能，稱之為“磁貼”
IOS中相關設置
以上兩項可以設置app的名字和頂欄的顏色 有黑色、白色、半透明黑色，經(jīng)測試只有ios下支持。
總結
綜上所述，考慮到兼容性，我們可以這么來寫
手機瀏覽器添加到主屏幕(桌面)的圖標設置以及WebApp模式
參考資料“http://www.unclealan.cn/index.php/front/73.html
但是最后需要在_includes/head.html里面添加內(nèi)容
