我正在使用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>
但是这些图标没有显示在我的Github网站上。
此外,Github页面也不允许我使用Jekyll-font-awesome插件。这是我使用的插件:https : //gist.github.com/23maverick23/8532525我添加了插件,jekyll构建成功,但是将文件推送到Github之后,我从Github收到了以下消息:
页面构建失败,出现以下错误:
标签
icon
中_includes/navbar.html,
没有一个公认的液体标签。https://help.github.com/articles/page-build-failed-unknown-tag-error
因此,我删除了该插件,并恢复为推荐的“ i”标签,而不是使用液体标签。
运行jekyll构建时,一切正常。然后我提交我的更改并推送到github,没有错误。
当我运行jekyll服务并在本地查看它时,将显示图标,并且可以看到我的最新博客文章。
但是当我转到Github页面时,我的新博客文章没有更新,并且字体真棒图标也没有显示。
我哪里做错了?为什么Github Pages不喜欢Font Awesome?
刚在中打开<head>
标签后default.html
,请添加css以获得令人敬畏的字体:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
然后,您应该将图标用作
<li><a href="{{ site.baseurl }}/index.html"><i class='fa fa-home'></i> Home</a></li>
如果这不起作用,则是因为如果您有plugins,github不会从markdown构建页面。
如果您需要第三方插件,则应该有两个分支,一个用于源代码,另一个用于jekyll的html构建。您应该将构建推送到master分支中,并将源推送到任何其他分支中。
您可以在__config.yml中为源和目标配置这些,并且目标转到主分支。您可以查看我的__config.yml以供参考。我在src分支中推送源,在master分支中推送目的地。通过推送html版本,github不会尝试从源代码构建。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句