为什么 CSS 在我的 github 页面上不起作用？答案

【问题标题】：Why CSS is not working on my github pages?为什么 CSS 在我的 github 页面上不起作用？
【发布时间】：2023-01-13 02:23:48
【问题描述】：

我正在尝试将我的反应应用程序作为页面部署在 github 上，但 css 不工作。如果有人可以提供帮助，我会附上我的 github 存储库。text。

因为现在页面看起来完全混乱，因为没有应用 css。

【问题讨论】：

标签： css reactjs github deployment web-deployment

【解决方案1】：

从您的 HTML： <link font-family: "Montserrat", sans-serif; href="https://fonts.googleapis.com/css?family=McLaren|Montserrat&display=swap" rel="stylesheet" />

去掉 font-family: "Montserrat", sans-serif; 那会出现在你的 CSS 文件中。

它应该读作

<link href="https://fonts.googleapis.com/css?family=McLaren|Montserrat&display=swap" rel="stylesheet">

我希望这有帮助！如果您仍有问题，请告诉我。干杯。

【讨论】：

【解决方案2】：

c查看gh-pages 分支中生成的index.html 文件，我可以看到该文件格式不正确；您的 HTML 中缺少结束标记。

// index.html (I added newlines for readability)
<!doctype html>
  <html lang="en">
    <head>
      <meta charset="utf-8"/>
      <link>font-family: "Montserrat", sans-serif; href="https://fonts.googleapis.com/css?family=McLaren|Montserrat&display=swap" rel="stylesheet"
      <link>rel="stylesheet" href="./styles.css"
    ...

注意 link 标签没有关闭。因此，CSS 文件不会被浏览器加载。

【讨论】：