项目设置使用github页面不加载

Question

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

这是我的GitHub页面网址：https://prasunk96.github.io/colorsgame/

我检查过我的html文件中的所有内部链接都是正确的 我已多次尝试过，但它一次又一次地显示出同样的问题。

Answer 1

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

我确实（几个小时后）为你的css看了404：

尝试查看使用锚定网址是否更有效：

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

Answer 2

您的CSS链接存在两个问题：

1. 这与您的html文件无关，因此浏览器会尝试直接从基座prasunk96.github.io/开始，而不是包含/colorsgame/。
2. Github.io网址区分大小写，因此您的colorGamepro.css未与ColorGamepro.css文件匹配。

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

找到您的文件

简而言之： href="./css/ColorGamepro.css"