Github 由 github 页面部署时未加载 css 文件

Github not loading css file when deployed by github pages

我正在开发预览卡组件,当我将我的代码上传到存储库以进行部署时,github 似乎没有加载我的 css 文件样式。

注意:我不是第一次在 github 页面上部署。 提前致谢!

回购 link:https://github.com/HanyAyad/Stats-preview-card-component-

实时网站 link 在 github 页上:https://hanyayad.github.io/Stats-preview-card-component-/

部署在 netlify 上的同一网站(工作正常):https://62116b02da6915993f04d79c--suspicious-hypatia-156ece.netlify.app/

可能是因为文件夹是 CSS/styles.css 而你在 index.html 中的声明是 css/styles.css?

我刚刚在这里进行了测试,在导入您的 CSS 文件时,您正在使用

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

什么时候应该使用

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

您的存储库中的目录名为 CSS,而不是预期的 css。所以,请重命名目录。

它只适用于 Netlify,因为出于某种原因它不考虑大小写。 (也就是说,https://62116b02da6915993f04d79c--suspicious-hypatia-156ece.netlify.app/CsS/sTyLe.css 工作正常。)

URL 可能是 case-sensitive,这取决于您的文件系统 运行 您的网站。

尝试将文件夹 CSS 重命名为 css