CSS - 无法加载资源：服务器响应状态为404（）

时间：2017-09-17 22:27:44

标签： html css google-chrome-devtools github-pages safari-web-inspector

我只是想加载由Github.io主持的在线简单网站。然而，经过无数次和令人沮丧的故障排除和调试HTML＆amp; CSS脚本，我的网络仍然无法根据需要加载CSS文件，因为一些非常神秘且非常恼人的原因。

不要误解我的意思：

  1. 我发誓我的CSS文件是放在绝对路径而不是相对路径中，因为我首先把它放在一边，所以如果它是错误的原因我会粉碎自己。
  2. 经过一段时间无法弄清楚，我查看了stackoverflow上发布的类似或相关问题，有些人认为访问权限可能是原因，但我跟着他们使用CSS文件目录中的命令< / LI>
      

    chmod -R 777

    但是我没有看到它解决了，因为命令没有效果，我没有在根级别运行它 the file is not at the root level

    1. 我在Chrome和Safari上都检查过这个网页， style.css 是空白的，因为它无法加载！ enter image description here

      2. 现在，我一直坚持这一点，等待你的任何“神奇”帮助。我非常感谢帮助，因为我已经尽力修复它，但是没有用。 这是仅加载文件的HTML链接标记行。 

      <head>
....

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

1 个答案:

答案 0 :(得分：2)

如果您的_css目录位于根目录中，则您的CSS链接应以斜杠开头：

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

但是命名目录_css可能会有问题。默认情况下，Github Pages会将您的网站视为Jekyll网站，该网站会处理您的文件并 does not publish files/directories having _ prefix.

我认为你有两个选择：

  • 如果您不了解Jekyll并且您没有创建Jekyll网站，请将名为.nojekyll的根目录中的文件放到bypass Jekyll processing。
  • 将您的目录从_css重命名为css，并修改您的<link>代码。
相关问题
最新问题