css在github页面上不起作用[关闭]

Posted 2023-04-14

【中文标题】css在github页面上不起作用[关闭]

【英文标题】：css not working on github pages [closed]

【发布时间】：2019-01-30 20:22:13

【问题描述】：

我的 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

【参考方案1】：

请记住，GitHub 页面的范围是 repo 名称。

您正在包含您的 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">

【讨论】：

分配一个自定义域也可以解决这个问题，即https://mile-stone-one.io/css/style.css

【参考方案2】：

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

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

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

【参考方案3】：

对我们来说，解决方案是将一个空的 .nojekyll 文件添加到 repo 的根目录。

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

解释：

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

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

【讨论】：

这也是我们的问题。谢谢！很抱歉学究，但它是“Sphinx”而不是“Sphynx”。

哦，这个错字我已经改正了，谢谢。

【参考方案4】：

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

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

我做到了：

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

（没有第一个'/'） 而且效果很好。

【讨论】：

谢谢，它也对我有用

【参考方案5】：

在我看来，这只是需要时间，很多时间。尝试，更改为另一个分支（可能没有）并保存。稍后更改回您的主分支并保存。对我来说效果很好，但是需要一些时间。

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。