CSS 和 HTML 文件在 Github 上不起作用答案

【问题标题】：CSS and HTML file is not working at Git HubCSS 和 HTML 文件在 Github 上不起作用
【发布时间】：2021-10-28 12:13:24
【问题描述】：

除了 index.html 和 CSS 之外，我还分离了一些 HTML 文件。它在 VS 代码中运行良好，但在创建 Git Hub 页面时仅运行 index.html 文件。这是我的存储库：- https://github.com/shashi-singh18/BlogWritingSite 请帮忙！

【问题讨论】：

标签： html css github github-pages

【解决方案1】：

将链接更改为以下结构

src='./css/utils.css'

您当前的路径会强制您的 index.html 搜索该参考级别不存在的子目录“BlogWritingSite”。

【讨论】：

感谢所有 css 文件运行良好，但其他 html 文件仍无法正常运行，例如 -blogpost.html contact.html search.html shashi-singh18.github.io/BlogWritingSite>
抱歉耽搁了。访问当前目录中的内容时，您需要在文件名之前添加一个 ./ ，例如src='./contact.html'

【解决方案2】：

我看到了您的存储库并注意到在 index.html 中链接您的 css 文件时出现了一些错误

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

换

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

和

将您的 css 文件夹的名称更改为小写字母

之后

CSS

修复器

css

【讨论】：

感谢所有 css 文件运行良好，但其他 html 文件仍无法正常运行，例如 -blogpost.html contact.html search.html shashi-singh18.github.io/BlogWritingSite>

【解决方案3】：

我认为错误在于 CSS 文件的地址在这里，您应该给出每个 CSS 文件的地址，相对于 index.html 文件，而不是整个项目目录

尝试将这些 link 标记更改为此并告诉我它是否有效。

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

【讨论】：

感谢所有 css 文件运行良好，但其他 html 文件仍无法正常运行，例如 -blogpost.html contact.html search.html shashi-singh18.github.io/BlogWritingSite>