Jekyll-GitHub Pages分享按钮图标不显示问题及解决

搞定GitHub Pages分享按钮图标不显示的问题啦 #

刚帮你理清楚这个问题的来龙去脉，分享给你参考：

问题情况

你从icomoon.io下载了图标，把/fonts文件夹和style.css放到my_jekyll_blog/css/目录里，本地预览的时候图标显示好好的，但是一部署到GitHub Pages，图标就没了。

排查&解决过程

• 先去GitHub仓库里核对文件，发现**icon.woff文件根本没传上去**
• 翻了翻从教程里复制的.gitignore文件，果然是这个文件里的规则把woff格式的文件给忽略了，导致推送的时候没把这个字体文件传上去
• 把.gitignore里针对woff文件的忽略规则删掉，重新推送一遍文件，GitHub Pages上的图标就正常显示啦

小提醒

本地能显示是因为文件就在你电脑里，但Git忽略了它，远端仓库没有这个文件，部署后自然加载不出来。用Jekyll搭博客的话，一定要注意别让字体这类静态资源被.gitignore误排除哦～

内容的提问来源于stack exchange，提问作者mert