如何在github托管的站点中将CSS链接到HTML_Html_Css_Github_Hosting_Github Pages

如何在github托管的站点中将CSS链接到HTML

html css github

如何在github托管的站点中将CSS链接到HTML,html,css,github,hosting,github-pages,Html,Css,Github,Hosting,Github Pages,我的问题是，我试图用Github页面托管的网站不会读取我链接到它的CSS 我的HTML如下所示： <!DOCTYPE html> <link rel="stylesheet" type="text/css" href="https://github.com/legoman8304/legoman8304.github.io/blob/master/style.css"> <html> <body> <h1>Hel

我的问题是，我试图用Github页面托管的网站不会读取我链接到它的CSS

我的HTML如下所示：

<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="https://github.com/legoman8304/legoman8304.github.io/blob/master/style.css">
<html>
    <body>
        <h1>Hello World</h1>
        <p>I'm under construction!</p>
        <h6>Copyright MIT Licence 2018</h6>
    </body>
</html>

body {
  background-color: lightblue;
}

h6 {
  color: navy;
  margin-left: 20px;
}

链接存储库：

我猜我把CSS链接错了，因为当我在网站上使用inspect元素时，它确实显示

style.CSS

，但打开时它是空的。有什么帮助吗？

您需要将HTML链接到呈现的github页面

style.css

，而不是repo中的文件本身

更改此项：

<link rel="stylesheet" type="text/css" href="https://github.com/legoman8304/legoman8304.github.io/blob/master/style.css">

为此：

<link rel="stylesheet" type="text/css" href="https://legoman8304.github.io/style.css">

并将该样式表引用移动到

标记中。

您可以使用以下方法：

推荐：

使用href:

https://raw.githubusercontent.com/legoman8304/legoman8304.github.io/master/style.css

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

时间

一段时间才能将其传播到github
还要经常检查页面源代码是否在浏览器上更新
实际上，当我们离线编辑时，它不会花费时间，但在在线世界中，它是相反的，所以等待10-20秒，并经常检查您的网站是否通过重新加载页面源或网站来更新，它肯定会工作。
不存在。这导致了404错误。哦，让我把它改为private…它现在是public检查下面发布的答案。男人们，你的html代码是错误的，你的链接标签应该在标签中，所有东西都嵌套在html标签中，你应该从修复它开始。它几乎成功了，但出现了一个新错误：拒绝应用来自的样式'https://raw.githubusercontent.com/legoman8304/legoman8304.github.io/master/style.css'因为它的MIME类型（“text/plain”）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。
和style.css不再显示在sourcesHmm中。等等我将尝试在我自己的GitHub中处理一些文件。@WyattNulton，因此我认为这个问题不再与代码相关或GitHub相关，而是与浏览器相关，如图所示：该死，这太不幸了。内联/内部CSS会是一种方式吗？等等。我想出来了。只需将上面的链接替换为：
，它应该可以工作。如果这样做，它将转到本地网络而不是外部