CSS无法在github页面上工作

Question

我无法在网站上显示我的CSS。我真的不知道我在做什么错，我对这一切都是新手，所以我确定有些事情我看不到。

这是实时站点 https://rusne118.github.io/mile-stone-one/4

这是我的仓库 https://github.com/rusne118/mile-stone-one

here is my css in my html

here is my files on cloud9

Answer 1

请记住，GitHub页面的作用域是回购名称。

您要在CSS中加入

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

此解析为https://rusne118.github.io/css/style.css

但您想要 https://rusne118.github.io/mile-stone-one/css/style.css

只需将链接标记更改为

<link rel="stylesheet" href="/mile-stone-one/css/style.css">

Answer 2

添加type="text/css" 到<link rel="stylesheet" href="style.css"> 为我工作。

所以最终看起来像<link rel="stylesheet" type="text/css" href="style.css">

在这种情况下，HTML文件和CSS文件位于同一文件夹中。

Answer 3

对我们来说，解决方案是在存储库的根目录中添加一个空的 .nojekyll 文件。

我们使用 Sphinx 生成将 CSS 放在 _static/css 文件夹中的站点。

说明：

<块引用>

现在可以通过在页面存储库的根目录中创建一个名为 .nojekyll 的文件并将其推送到 GitHub 来完全绕过 GitHub 页面上的 Jekyll 处理。仅当您的站点使用以下划线开头的文件或目录时才需要这样做，因为 Jekyll 认为这些是特殊资源并且不会将它们复制到最终站点。

来源：https://github.blog/2009-12-29-bypassing-jekyll-on-github-pages/

Answer 4

我遇到了这个问题，而不是这样做：

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

我做到了：

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

（不带第一个'/'） 而且效果很好。