为什么Font Awesome没有在我的jekyll构建的Github网站上工作?

Nel*_*yLC 4 jekyll github-pages font-awesome

我正在使用Jekyll构建我的博客站点,该站点由Github托管,我正在尝试合并字体 - 真棒.fa图标没有显示,现在我的Github页面没有更新我的最新博客文章.

我试图将字体很棒的样式表链接到我的CSS.我最终在stylesheet.css文件中使用{%includes font-awesome.css%},我认为这样可行.

在我的navbar html中,我已经包含了典型的font-awesome i标签,如下所示:

<li><a href="{{ site.baseurl }}/index.html"><i class='fa-home'></i> Home</a></li>
Run Code Online (Sandbox Code Playgroud)

但是这些图标没有显示在我的Github网站上.

Github页面也不允许我使用Jekyll-font-awesome插件.这是我使用的插件:https://gist.github.com/23maverick23/8532525 我添加了插件,jekyll build工作,但在我将文件推送到Github后,我收到了来自Github的消息:

页面构建失败,出现以下错误:

标签icon输入_includes/navbar.html,不是可识别的Liquid标签. https://help.github.com/articles/page-build-failed-unknown-tag-error

所以我删除了插件并恢复到推荐的'i'标签而不是液体标签.

运行jekyll build时一切正常.然后我提交我的更改并推送到github,没有错误.

当我运行jekyll serve并在本地查看它时,图标显示出来,我的最新博客文章可见.

但是当我访问我的Github页面时,我的新博客文章没有更新,并且字体很棒的图标没有显示出来.

我哪里做错了?为什么Github Pages不喜欢Font Awesome?

bis*_*nga 11

在打开<head>标签后default.html,包括字体真棒的CSS:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)

然后,您应该使用图标作为

<li><a href="{{ site.baseurl }}/index.html"><i class='fa fa-home'></i> Home</a></li>
Run Code Online (Sandbox Code Playgroud)

如果这不起作用,那么因为如果你有插件,github不会从markdown构建你的页面.

如果您需要第三方插件,那么您应该有两个分支,一个用于源,另一个用于jekyll 的html构建.您应该在分支和任何其他分支中的源中推送构建.

您可以在__config.yml中为源和目标配置这些,并将目标转到主分支.您可以查看我的__config.yml以供参考.我在src分支中的源和分支中的目标内容.通过推送html构建,github不会尝试从源代码构建.