Hexo Yelee主题侧边栏社交图标中的github图标不显示

版权声明：本文为博主原创文章，未经博主允许可以转载，但转载时请附上原文地址： https://blog.csdn.net/youshaoduo/article/details/84824828

不显示的的原因是原文件中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，奇迹出现了。。╮(╯_╰)╭