我正在使用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 build 工作,但在我将文件推送到Github后,我收到了来自Github的消息:
页面构建失败,出现以下错误:
icon
中的代码_includes/navbar.html,
不是公认的液体 标签。 https://help.github.com/articles/page-build-failed-unknown-tag-error
所以我删除了插件并恢复了推荐的'i'标签,而不是液体标签。
运行 jekyll build 时,一切正常。然后我提交我的更改并推送到github,没有错误。
当我运行 jekyll serve 并在本地查看时,会显示图标并显示我的最新博文。
但是当我访问我的Github页面时,我的新博客文章没有更新,而且字体很棒的图标没有显示出来。
我哪里出错了?为什么Github Pages不喜欢Font Awesome?
答案 0 :(得分:9)
在<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>
如果这不起作用,那么因为 github 如果您有插件,则不会从降价构建您的网页。
如果您需要第三方插件,那么您应该有两个分支,一个用于源,另一个分支用于jekyll的 html build 。您应该在主分支中推送构建,并在任何其他分支中推送源。
您可以在 __ config.yml 中为源和目标配置这些,并且目标转到主分支。您可以查看我的__config.yml以供参考。我将 src 分支中的来源和目标的内容推送到主分支中。通过推送html构建,github不会尝试从源代码构建。
答案 1 :(得分:1)
可能是因为您拥有FontAwesome Pro帐户。如果您是FontAwesome Pro帐户持有人,则需要将您计划使用的每个域名注册到Pro CDN链接。
例如,即使您在自己的网站<head>
中包含Pro CDN链接,也是如此:
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha12345blahblahblahblahblah" crossorigin="anonymous">
您的图标可能仍未显示。要解决此问题,您需要登录FontAwesome帐户并register each new domain登录CDN。
我是专业用户(来自2017年Kickstarter广告系列)并遇到了这个问题。注册我的域名很快就解决了我的问题。