Hexo Yelee主题侧边栏社交图标中的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后面的即可。

因此我已经将图片上传到图床，理论上，大家只要将这部分修改成下面即可

（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://dwctod.github.io/

更多优质内容请关注：