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不会尝试从源代码构建.
归档时间: |
|
查看次数: |
7157 次 |
最近记录: |