Github页面,远程启动css:加载资源失败:服务器响应状态为404(未找到)
我有我自定义的引导程序网站,我推送github页面。本地它工作得很好,一点问题都没有,但就是在网上当风格凌乱而这些信息出现在控制台上:Github页面,远程启动css:加载资源失败:服务器响应状态为404(未找到)
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">
为什么本地工作,而不是远程?
看起来您正在使用Jekyll作为您的GitHub页面。至于2016年11月的Jekyll 3.3,the vender folder is ignored。
默认情况下,Jekyll现在忽略vendor和node_modules目录。
您可以在vender
文件夹重命名为一些名称,如libs
并引用新的路径,或者按照哲基尔的suggestion
如果您需要包括在您的网站的目录,设置排除:[]在您网站的配置文件中。
希望它能帮助:)
如果确定使用CSS的路径不是在服务器上的空,你需要在HTML HREF使用~/
,让我解释一下
/-
href="vendor/font-awesome/css/font-awesome.min.css"
- 这是网站的根〜/ -
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)。
谢谢大家。问题在于最近Github更新为Jekyll v3.3,默认情况下忽略了出售文件。由于我没有使用Jekyll作为我的网站,我不得不向我的存储库的根目录添加一个.nojekyll文件,以禁止Jekyll建立我的网站。一旦我做到了这一点,我的网站建立与我的畅销文件没有任何问题。
尝试改变这样href =“〜/ vendor/font-awesome/css/font-awesome.min.css” –