使用 github 页面设置的项目未加载

Question

我使用 GitHub 页面托管了我的一个项目，但是由于某种原因，当我访问 URL 页面时，该页面没有加载，当我在开发控制台中检查它时，它显示此错误。

这是我的 GitHub 页面 URL: https://prasunk96.github.io/colorsgame/

我检查过 html 文件中的所有内部链接都是正确的。
我已经试了好几次了，都是一样的问题。

Answer 1

Github 项目页面有时可能需要一些时间才能更新。有关类似问题，请参阅“My GitHub page won't update its content”。

我确实看到（几个小时后）您的 css:

的 404

尝试看看使用锚定 url 是否效果更好：

<link rel="stylesheet" type="text/css" href="/css/colorGamepro.css">
                                            ^^^
                                             |

Answer 2

您的 CSS link 有两个问题：

它与您的 html 文件无关，因此浏览器试图直接从基础 prasunk96.github.io/ 开始，而不包括 /colorsgame/.
Github.io url 区分大小写，因此您的 colorGamepro.css 与 ColorGamepro.css 文件不匹配。

要更正相对 url，您可以将基本标记添加到 HTML 文件或使用相对 href。更正文件名后，它应该能够在 https://prasunk96.github.io/colorsgame/css/ColorGamepro.css

找到您的文件

简写： href="./css/ColorGamepro.css"

使用 github 页面设置的项目未加载

project set up using github pages not loading

github-pages

您的 CSS link 有两个问题：