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

2024-01-02

我正在使用 Jekyll 构建我的博客网站,该网站由 Github 托管,并且我正在尝试合并 font-awesome。 fa 图标没有显示,现在我的 Github 页面也没有更新我最新的博客文章。

我尝试将字体很棒的样式表链接到我的CSS。我最终在 stylesheet.css 文件中使用了 {% include font-awesome.css %} ,我认为效果很好。

在我的导航栏 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 https://gist.github.com/23maverick23/8532525我添加了插件,杰基尔构建工作正常,但是当我将文件推送到 Github 后,我从 Github 收到了这条消息:

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

The tag icon in _includes/navbar.html,不是公认的液体 标签。https://help.github.com/articles/page-build-failed-unknown-tag-error https://help.github.com/articles/page-build-failed-unknown-tag-error

因此,我删除了该插件并恢复为推荐的“i”标签而不是液体标签。

运行时杰基尔构建一切正常。然后我提交更改并推送到 github,没有错误。

当我跑步时杰基尔服务并在本地查看,图标会显示,并且我的最新博客文章可见。

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

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


刚开业后<head> tag in default.html,包括 font Awesome 的 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不构建您的页面markdown如果你有plugins.

如果您需要第三方插件,那么您应该有两个分支,一个用于源代码,另一个用于html 构建由杰基尔.你应该将构建推入master分支和任何其他分支中的源。

您可以在中配置这些__config.yml对于源和目的地,目的地转到主分支。你可以查看我的__config.yml https://raw.githubusercontent.com/bistaumanga/bistaumanga.github.com/src/_config.yml以供参考。我将源代码推入src分支和目的地内容master分支。通过推送 html 构建,github 不会尝试从源代码构建。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么 Font Awesome 无法在我的 jekyll 构建的 Github 网站上运行? 的相关文章

随机推荐