Jekyll CSS 只为 Index.html 加载

Question

我一直在为某人开发 Jekyll 网站/博客，但我遇到了 CSS 为网站主页以外的任何内容工作的问题。这让我认为这是样式表 HREF 的问题。我也在 Chrome 开发工具中收到此错误：

GET https://tanglesandtwists.github.io/macrame/11/17/2018/assets/css/main.css net::ERR_ABORTED 404

Here is the website & Here is the github project

当我在命令行上运行jekyll serve 时，网站的样式表在我的本地主机上都可以正常工作。这让我非常困惑。我理解字体不想加载，因为它调用的是 HTTP 而不是 HTTPS，但这不是外部的，并且位于目录中的单独文件夹中。

这是我的树，我称之为应该工作：

├───about ├───assets │ ├───css │ ├───images │ │ ├───hero │ │ ├───posts │ │ └───thumbnail │ └───javascripts │ └───plugins ├───macrame │ └───11 │ └───17 │ └───2018

macrame/11/17/18 中的文件第 81 行调用：

<link rel="stylesheet" href="assets/css/main.css">

非常感谢任何和所有帮助。我以前从未使用过 Jekyll，但我发现它非常适合为不懂 HTML、CSS、JS、JQuery 等的客户制作网站。

Answer 1

改变这个：

<link rel="stylesheet" href="assets/css/main.css">

进入这个：

<link rel="stylesheet" href="/assets/css/main.css">

您的路径应该是绝对的（相对于网站的根目录）。