Hexo Yelee主題側邊欄社交圖標logo中的github圖標不顯示,成功搞定

最近自己用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/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章