Github页面,远程启动css:加载资源失败:服务器响应状态为404(未找到)

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"> 

为什么本地工作,而不是远程?

+0

尝试改变这样href =“〜/ vendor/font-awesome/css/font-awesome.min.css” –

看起来您正在使用Jekyll作为您的GitHub页面。至于2016年11月的Jekyll 3.3,the vender folder is ignored

默认情况下,Jekyll现在忽略vendor和node_modules目录。

您可以在vender文件夹重命名为一些名称,如libs并引用新的路径,或者按照哲基尔的suggestion

如果您需要包括在您的网站的目录,设置排除:[]在您网站的配置文件中。

希望它能帮助:)

如果确定使用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)。

+0

你好mww,谢谢你的回答。我尝试了解释我,但没办法。你可以在github上看到我的代码https://github.com/ValeC/portfolio-valentina-coletti.git – Colet

+0

@Colet我检查你的代码,你必须使用“〜/”或“./”,它必须工作正常。 –

+0

不工作:-( – Colet

谢谢大家。问题在于最近Github更新为Jekyll v3.3,默认情况下忽略了出售文件。由于我没有使用Jekyll作为我的网站,我不得不向我的存储库的根目录添加一个.nojekyll文件,以禁止Jekyll建立我的网站。一旦我做到了这一点,我的网站建立与我的畅销文件没有任何问题。