CSS - 无法加载资源:服务器回应状态为404()

问题描述:

我只是试图加载我的简单网站在线托管Github.io。然而,经过排除故障和调试HTML脚本的无数挫折之后,我的web仍然无法根据需要加载CSS文件,因为这是一些非常神秘和令人烦恼的原因。CSS - 无法加载资源:服务器回应状态为404()

不要误会我的意思:

  1. 我发誓,我的CSS文件放在绝对路径,而不是相对路径,因为我首先说的,所以我会打碎自己,如果它的原因错误。
  2. 过了一会无法弄清楚,我看着计算器上发布,以及一些提示,访问权限是可能的原因类似或相关的问题,但我跟着他们与我的CSS文件
  3. 的目录内的命令

搭配chmod -R 777

但我不认为它解决以及的Cuz命令有没有影响,我没有在根级别 the file is not at the root level

运行
  1. 我在Chrome和Safari上检查了此网页,并且style.css是空白的,因为它无法加载! enter image description here

现在,我一直坚持这个等待你的任何“魔法”的帮助。我非常感谢帮助,因为我已经尽了最大努力修复它,但没有奏效。 以下是未加载文件的HTML链接标记行。

<head> 
.... 

    <link rel="stylesheet" href="./_css/style.css"> 
</head> 
+1

不要以为有什么方法可以帮助我们处理这些信息和截图。你能否提供你的HTML和CSS文件的链接? –

+0

它只是发生在我身上,我的答案很可能是基于关闭它无法在Chrome/Safari的工作,而不是它的主机上的实际文件结构。如果是这样,当我发布更多信息时,我会将我的答案更新为更有用的答案 –

如果_css目录是根,你的CSS链接应以斜线开头:

<link rel="stylesheet" href="/_css/style.css"> 

但命名目录_css可能是一个问题。 Github Pages默认情况下,把你的网站作为一个Jekyll网站,处理文件和does not publish files/directories having _ prefix.

我觉得你有2种选择:

  • 如果你不知道的化身,你是不是创建Jekyll站点,将一个文件放入您的根目录.nojekyllbypass Jekyll processing
  • 将您的目录从_css重命名为css,并修改<link>标记。
+1

是的,我没有认真对待Jekyll。让我试试这个。谢谢@juzraai – Goldie

+1

你是当天的救星!不仅仅是这个问题,但是我从你的解释中学到了关键的东西。绕过Jekyll处理的诀窍非常漂亮! – Goldie

+0

不客气,很高兴帮助! :)另外一个方面说明:我强烈建议您熟悉Jekyll,它可以帮助您创建静态网站。 :) – juzraai