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
。
我正在开发预览卡组件,当我将我的代码上传到存储库以进行部署时,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
。