cnblog博客園自定義樣式修改標籤頁的icon圖標

有沒有發現大多數的博客園標籤右上角都是一個小礦工，千篇一概沒有什麼特點，想不想設置一個像我同樣的個性化icon圖標呢？

按照如下四步你也能夠實現自定義標籤圖標。

From  To 

第一步：挑挑揀揀 

選一張icon圖標（尺寸不要太大）否則加載會很慢

若是找到一個很滿意的圖片可是很大，那麼到這裏https://tinypng.com/ 壓縮圖片。

第二步：傳文件

在博客園的設置界面選擇文件，將你喜歡的圖片上傳上來

第三步：寫代碼

在設置中的頁腳Html代碼中插入如下script腳本

代碼以下，記得將你本身的圖片地址替換到linkObject.href中

<script type="text/javascript" language="javascript">
　　//Setting ico for cnblogs
　　var linkObject = document.createElement('link');
　　linkObject.rel = "shortcut icon";
　　linkObject.href = "https://files.cnblogs.com/files/lingyejun/yanzi.ico";
　　document.getElementsByTagName("head")[0].appendChild(linkObject);
</script>

第四步：刷新檢驗

保存——從新進入你的博客首頁——發現大功告成，新的icon圖標已經生效了。

 

最後一步

若是文章對各位兄弟姐妹有所幫助，還請給我點個贊👍，謝謝。