Hexo Yelee主題側邊欄社交圖標中的github圖標不顯示

不顯示的的原因是原文件中GitHub圖標的地址已經失效了,原來的代碼是這麼寫的:

    .GitHub
        background url(//cdn.bootcss.com/logos/0.2.0/github-octocat.svg) no-repeat white
        background-size 90%
        background-position 50% 100%

原來的地址cdn.bootcss.com/logos/0.2.0/github-octocat.svg已經失效,所以我們直接本地下載圖片,然後從本地讀取即可。

這個網站下載一個github圖片,直接下載png格式的,並且命名爲GitHub.png。

然後將圖片放到YourBolgPath/themes/yelee/source/img/下。

然後在YourBolgPath/themes/yelee/source/css/_partial/customise/social-icon.styl的img-logo中加入GitHub black 75(GitHub是圖片名,black是背景色,75是透明度,自己看着改吧),注意空格,完成後應該是這樣:

img-logo = "新浪微博" #ecc260 80,
                "知乎" #0078d8 90,
                "豆瓣" #06c611 88,
                V2EX #e4cdb4 78,
                TiddlyWiki #6283dd 82,
                "簡書" #e99888 82,
                SegmentFault #018f56 80,
                "網易雲音樂" #e51e02 80,
                "蝦米音樂" #ff6a00 82,
                CSDN red 82,
                "博客園" #217ed4 95,
                Plunker black 90,
                LOFTER #316061 75,
                Coding white 88,
                bilibili #f589a0 100,
                AcFun #fbc054 90,
                niconico white 70,
                Quora #b92b27 103,
                GitHub black 75

然後刪除原來github圖片的代碼(47-51行)。

然後進入到你博客的目錄下

hexo g && hexo d

清空瀏覽器緩存,然後再打開bolg,奇蹟出現了。。╮(╯_╰)╭

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