0

我的 Github 页面站点有一个 404 错误页面，它依赖于外部 CSS 和图像，如下所示：

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 Error - Page not found</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap" rel="stylesheet">
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel='stylesheet' href='./site.css'>
    <link rel="icon" href="./images/icons/icon.ico">
</head>

当 URL 仅包含一个路径名时，它在我的 GitHub 页面站点上工作得很好。例如： 在此处输入图像描述

但是，当路径名超过一个路径名时，不会应用 CSS： 在此处输入图像描述

我的目录结构是这样的：

root.
│   404.html
│   index.html
│   site.css
│
├───images
│   │   file1.png
│   │   file2.png
│   │   file3.jpg
│   │   file4.png
│   │   file5.jpg
│   │
│   └───icons
│           file6.png
│           file7.ico
│           file8.png
│           file9.png
│           file10.png
│
This is all that's important

非常感谢任何帮助！

4

1 回答 1

2

使用绝对路径而不是相对路径。

您使用的是相对路径 ( ./site.css) 而不是绝对路径 ( /site.css)。当你使用./site.css它时，在这个目录中，使用相对于 URL 的站点 CSS。当您添加第二个目录时，您需要/blah/site.css. 只需删除点 ( /site.css) 即可始终引用根目录的 CSS 文件。

于 2020-10-18T02:49:43.390 回答