为什么Font Awesome无法在我由kykyll构建的Github网站上运行?

NellyLC

我正在使用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构建页面

如果您需要第三方插件,则应该有两个分支,一个用于源代码,另一个用于jekyllhtml构建您应该将构建推送到master分支中,并将源推送到任何其他分支中。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么Font Awesome无法在JSbin中使用?

来自分类Dev

Font Awesome 5,为什么缺少instagram图标?

来自分类Dev

为什么在发送marketo电子邮件时Font Awesome无法使用

来自分类Dev

为什么 Font Awesome 图标没有显示在我的锚点中?

来自分类Dev

为什么运行git branch'branchname',分支没有出现在github网站上

来自分类Dev

Font Awesome 5,为什么使用字体时品牌图标不起作用?

来自分类Dev

为什么我无法在网站上为密码生成器生成密码?

来自分类Dev

为什么我无法在通过Firefox cookies.sqlite的IP地址访问的网站上找到cookie?

来自分类Dev

为什么我的if语句未显示在我的网站上?

来自分类Dev

为什么我的CSS无法在GitHub Pages上运行?

来自分类Dev

为什么Haskell无法处理特定网站上的字符?

来自分类Dev

为什么在我的网站上显示水平滚动条?

来自分类Dev

为什么我网站上的jquery出现故障?

来自分类Dev

当我在font.iter('glyph')中运行'for glyph时,为什么etree从我的SVG中不返回任何内容?

来自分类Dev

为什么我无法抓取这个网站?

来自分类Dev

为什么我的内核无法构建?

来自分类Dev

为什么font-awesome建议使用<i>元素而不是<span>元素?有具体原因可取吗?

来自分类Dev

为什么我的JavaScript无法从php运行?

来自分类Dev

为什么我的循环无法正常运行?

来自分类Dev

为什么我的JavaScript函数无法运行?

来自分类Dev

为什么我的脚本无法运行?

来自分类Dev

为什么我的“ Circle”程序无法运行?

来自分类Dev

为什么我的功能无法运行?

来自分类Dev

为什么我的基本javascript无法运行?

来自分类Dev

为什么我的JavaScript无法从php运行?

来自分类Dev

为什么我的循环无法正常运行?

来自分类Dev

为什么这个GitHub Actions脚本无法构建我的Hugo页面?

来自分类Dev

将网站上传到主机后,为什么找不到我的网站?

来自分类Dev

为什么我不能让我的JavaScript(Rock,Paper,Scissors游戏)在我的网站上显示输出?

Related 相关文章

  1. 1

    为什么Font Awesome无法在JSbin中使用?

  2. 2

    Font Awesome 5,为什么缺少instagram图标?

  3. 3

    为什么在发送marketo电子邮件时Font Awesome无法使用

  4. 4

    为什么 Font Awesome 图标没有显示在我的锚点中?

  5. 5

    为什么运行git branch'branchname',分支没有出现在github网站上

  6. 6

    Font Awesome 5,为什么使用字体时品牌图标不起作用?

  7. 7

    为什么我无法在网站上为密码生成器生成密码?

  8. 8

    为什么我无法在通过Firefox cookies.sqlite的IP地址访问的网站上找到cookie?

  9. 9

    为什么我的if语句未显示在我的网站上?

  10. 10

    为什么我的CSS无法在GitHub Pages上运行?

  11. 11

    为什么Haskell无法处理特定网站上的字符?

  12. 12

    为什么在我的网站上显示水平滚动条?

  13. 13

    为什么我网站上的jquery出现故障?

  14. 14

    当我在font.iter('glyph')中运行'for glyph时,为什么etree从我的SVG中不返回任何内容?

  15. 15

    为什么我无法抓取这个网站?

  16. 16

    为什么我的内核无法构建?

  17. 17

    为什么font-awesome建议使用<i>元素而不是<span>元素?有具体原因可取吗?

  18. 18

    为什么我的JavaScript无法从php运行?

  19. 19

    为什么我的循环无法正常运行?

  20. 20

    为什么我的JavaScript函数无法运行?

  21. 21

    为什么我的脚本无法运行?

  22. 22

    为什么我的“ Circle”程序无法运行?

  23. 23

    为什么我的功能无法运行?

  24. 24

    为什么我的基本javascript无法运行?

  25. 25

    为什么我的JavaScript无法从php运行?

  26. 26

    为什么我的循环无法正常运行?

  27. 27

    为什么这个GitHub Actions脚本无法构建我的Hugo页面?

  28. 28

    将网站上传到主机后,为什么找不到我的网站?

  29. 29

    为什么我不能让我的JavaScript(Rock,Paper,Scissors游戏)在我的网站上显示输出?

热门标签

归档