我有自定义的bootstrap网站,我推送github页面。在本地它工作得非常好,完全没问题,但是在线时风格很乱,这些消息出现在控制台上:
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">
为什么本地工作而不是远程?
答案 0 :(得分:3)
谢谢大家。问题是最近Github更新为Jekyll v3.3,默认情况下忽略了销售文件。因为我没有在我的Pages网站上使用Jekyll,所以我必须将.nojekyll文件添加到我的存储库的根目录,以禁止Jekyll构建我的网站。一旦我这样做,我的网站使用我的销售文件构建没有任何问题。
答案 1 :(得分:2)
看起来您正在使用Jekyll作为您的GitHub页面。至于2016年11月的Jekyll 3.3,the vender folder is ignored。
Jekyll现在默认忽略vendor和node_modules目录。
您可以将vender
文件夹重命名为某个名称,例如libs
并引用新路径,或按照Jekyll的suggestion
如果您需要网站中包含的目录,请在您网站的配置文件中设置exclude:[]。
希望有所帮助:)
答案 2 :(得分:0)
如果您确定服务器上的css&#39; s路径不为空,则需要在HTML href中使用~/
,让我解释一下
/ - href="vendor/font-awesome/css/font-awesome.min.css"
- 它是网站根
〜/ - href="~/vendor/font-awesome/css/font-awesome.min.css"
-it是应用程序的根目录
/
应该返回网站的根目录(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)。