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/

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