CSS 不适用于 GH 页面

Posted 2023-03-28

【中文标题】CSS 不适用于 GH 页面

【英文标题】：CSS not applying to GH-pages

【发布时间】：2022-01-06 20:52:23

【问题描述】：

我一直试图让我的 CSS 应用到我的 gh 页面，但我发现自己陷入了困境。

这是原来的设置：

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

（我的 CSS 位于根目录下的 CSS 文件夹中）

我尝试了以下方法：

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

我还尝试将我的 CSS 移动到我的根目录：

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

最后，我尝试使用我的主 CSS 文件，而不是您在上面看到的那个。没有运气。

我的所有更改都在我的主分支中进行，推送，与 gh-pages 合并。看不到我做错了什么，我还是新手！ n_n"

https://honeybutterbear.github.io/portfolio-website/index.html https://github.com/Honeybutterbear/portfolio-website

【问题讨论】：

我看到您包含“js/tota11y.min.js”，它有效。所以路径应该是“css/style.production.css”。如果打开 DevTools（我使用 chrome），那么在源选项卡下，您可以看到路径似乎是正确的，但找不到指定的文件。所以我认为你可能已经上传了一个空文件或根本没有文件:-) 如果它存在，那么你应该能够导航到：honeybutterbear.github.io/portfolio-website/css/…

感谢您抽出宝贵时间回答我的问题！使用 DevTools 帮助我更多地了解了问题所在。我没有用 github 搞清楚，所以我继续前进并将我的网站上传到我的主机。我不得不将我的文件夹名称调整为小写，更正文件权限，它开始工作lportee-1.bluehoststaff.com/devproject2/About_Lauren.html 仍然不知道如何在 github 端调整内容...

【参考方案1】：

我在您的链接中看到的唯一问题就是这种情况。尝试使用：

<link rel="stylesheet" type="text/css" href="./Css/style.production.css">

因为这是您命名文件夹的方式，所以我刚刚使用检查元素对其进行了测试，因此可能无法正常工作。

【讨论】：

感谢您抽出宝贵时间帮助我！对此，我真的非常感激。我无法更正 github，但在将我的网站上传到我的主机并从那里调整文件权限后，我能够找到成功...lportee-1.bluehoststaff.com/devproject2/About_Lauren.html 现在对我有用 :)