Github页面，远程引用bootstrap css：无法加载资源：服务器响应404（未找到）的状态。

Question

我有一个定制的 Bootstrap 网站，将其推送到 Github Pages 上。本地工作得非常好，没有任何问题，但在线上样式混乱，控制台出现以下消息：

Failed to load resource: the server responded with a status of 404 (Not Found)   https://nickname.github.io/repo/vendor/font-awesome/css/font-awesome.min.css Failed to load resource: the server responded with a status of 404 (Not Found)

在我的代码中，CSS声明如下：

<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

为什么本地正常工作而远程没有？

- Colet

---

尝试将其更改为 href="~/vendor/font-awesome/css/font-awesome.min.css"。 - M. Wiśnicki

Answer 1

谢谢大家。问题在于最近Github更新了Jekyll v3.3，它默认忽略供应商文件。因为我没有在我的Pages站点中使用Jekyll，所以我不得不在我的仓库根目录下添加一个.nojekyll文件来禁用Jekyll构建我的站点。一旦我这样做了，我的站点就可以顺利地使用我的供应商文件构建了。

- Colet

Answer 2

看起来您在使用Jekyll制作GitHub页面。自2016年11月的Jekyll 3.3版本以来，vendor文件夹被忽略了。

Jekyll现在默认忽略vendor和node_modules目录。

您可以将 vendor 文件夹重命名为 libs 或其他名称，并引用新路径，或者按照Jekyll的建议进行操作。

如果您需要将这些目录包含在您的站点中，请在站点配置文件中设置exclude：[]。

希望对您有所帮助 :)

- hackjutsu

Answer 3

如果您确定服务器上的CSS路径不为空，则需要在HTML href中使用~/，让我解释一下

1. / - href="vendor/font-awesome/css/font-awesome.min.css" - 这是站点根目录

2. ~/ - href="~/vendor/font-awesome/css/font-awesome.min.css" - 这是您应用程序的根目录

/应该返回站点的根目录(https://nickname.github.io/repo/vendor/font-awesome/css/font-awesome.min.css),

~/应该返回应用程序的根目录(https://nickname.github.io/ROOTDIR/repo/vendor/font-awesome/css/font-awesome.min.css)。

- M. Wiśnicki

---

你好mww，感谢你的回答。我尝试了你解释的方法，但是没有成功。你可以在github上查看我的代码https://github.com/ValeC/portfolio-valentina-coletti.git - Colet

@Colet 我检查了你的代码，你必须使用"~/"或"./"，这样才能正常工作。 - M. Wiśnicki