【发布时间】：2020-12-26 04:27:41
【问题描述】：
我正在 Github 中创建一个静态站点，但是当我尝试加载该站点时，CSS 页面没有加载。我查找了许多这样的解决方案 - CSS not loading for GitHub pages & How to link my CSS to my HTML in a github hosted site
发现这里的 CSS 并没有与 HTML 隐式链接，而是 CSS 以 HTML 类型副本的形式存储在 Github 中，为了使 CSS 正确，我们需要正确实现 CSS。这就是为什么我们可以使用 {{site.github.url}}，或者给 <link rel="stylesheet" href="https://iamdeb28.github.io/node_modules/todomvc-common/base.css"> 之类的东西。但我的问题是如何实现它并完成我的工作？
这是我的代码和 Github 站点的链接 -
<head>
<meta charset="utf-8">
<title>To-do list app</title>
<link rel="stylesheet" href="https://iamdeb28.github.io/node_modules/todomvc-common/base.css">
<link rel="stylesheet" href="https://iamdeb28.github.io/node_modules/todomvc-app-css/index.css">
</head>
链接 - https://github.com/iamdeb28/OpenClassRoom_Project_8
Github 静态站点 - https://iamdeb28.github.io/OpenClassRoom_Project_8/
好吧，我想提一提的是，当我加载 chrome 开发工具并检查源选项卡时，我发现 index.css 和 base.css 文件完全是空的，当我输入代码时，它工作正常。但是当我刷新时，同样的事情会发生。我对 JS 和 Git 很陌生，如果你能帮忙的话。
谁能帮忙？？？
【问题讨论】：
-
那是因为你的两个CSS文件都不存在，你可以在控制台看到404
-
@SaymoinSam 是的，但是如何解决这个问题？我尝试了几种加载 CSS 文件的方法，但没有任何效果，你可以看到，我还提供了链接。这是CSS文件link to my Github index.CSS
-
很确定这与您的 css 文件位于 .gitignore 中的事实有关，因此 git 看不到它们。是否有特定原因让 git 忽略所有 node_module 文件，然后用 !下一行的前缀？只是一个想法，但是如果您坚持将 css 文件保留在 node_modules 文件夹中，请尝试删除 .gitignore 文件，看看是否可以解决它。
-
@Senatrius，嘿，我删除了 .gitignore 文件，一切都和原来一样。所以，问题是我试图从 Git Desktop 上传所有文件夹，但当时 node_modules 出现了问题，所以我再次创建了一个文件夹 node_modules 并单独上传。您认为这可能是个问题吗？
-
@DebPrakashChatterjee 好吧，你知道，node_modules 文件夹是问题所在。我克隆了您的存储库，尝试更改各种文件以使用，最后，我只是摆脱了 node_modules 文件夹，将其内容移动到我命名为 css 的新文件夹中，现在它似乎工作得很好？我不知道您之前遇到了什么错误，因为我没有使用 Git 桌面应用程序，但这一定是一直以来的罪魁祸首。
标签： javascript html css github