最近自己用hexo+github搭建了一個個人網站:https://dwctod.github.io/
但是出現了一些問題,比如這裏github圖標無法顯示了
按照網友的提示:https://blog.csdn.net/youshaoduo/article/details/84824828
他的思路:
(1)從這裏下載圖片,並將圖片存放在YourBolgPath/themes/yelee/source/img/下
(2)修改YourBolgPath/themes/yelee/source/css/_partial/customise/social-icon.styl的img-logo中加入GitHub black 75(GitHub是圖片名,black是背景色,75是透明度,自己看着改吧)
(3)刪除下面代碼塊
.GitHub
background url(//cdn.bootcss.com/logos/0.2.0/github-octocat.svg) no-repeat white
background-size 90%
background-position 50% 100%
存在的問題:
(1)無效,同時GitHub black 75(這裏75並不是透明度,而是顯示的比例)
(2)我對YourBolgPath/themes/yelee/source/img/底下的圖片進行操作,例如將“知乎”.png的圖片刪除,仍然能正常顯示,因此顯然內部的原理並不是這樣子的。
但是,我還是想到辦法解決了,因爲正如原作者所說的,github的圖片鏈接消失了,所以無法顯示,因此我在這裏下載圖片,然後將下載好的圖片上傳到圖牀上【這裏使用七牛】,然後生成外鏈,替換掉上面的代碼塊中url後面的即可。
ps:七牛雲圖牀只有30天有效時間。。。
因此我已經將圖片上傳到圖牀,理論上,大家只要將這部分修改成下面即可
(1)找到YourBolgPath/themes/yelee/source/css/_partial/customise/social-icon.styl,打開
(2)修改和替換
.GitHub
background url(http://pye1oyyud.bkt.clouddn.com/github2.svg) no-repeat white
background-size 80%
background-position 50% 100%
備註:url括號中的內容進行修改哦
新圖片鏈接:https://s2.ax1x.com/2019/12/16/QhRC2q.png
最終效果可以到我的網站查看哦,歡迎留言和交流~https://dwctod.github.io/