jekyll/css 不适用于 github 页面，但它适用于本地主机 :3000

Question

我是 Github 的新手，我一直在尝试在 Github 页面上部署我的博客(从 kimfucious fork )。我尝试使用 surge 来部署它并且它有效。当我将它上传到 Github 时，它说 CSS 没有被应用。

This is how it looks like now

Here are the errors

我显然做错了什么。但我想不通。

这是我的 repo 协议(protocol):https://github.com/Colawithrain/Collin_Blog

这是 Github 页面链接:https://colawithrain.github.io/Collin_Blog/

提前感谢您的任何指点。

科林

Answer 1

这有点令人困惑，因为它可能在本地工作(您不需要 baseurl)。这是 Jekyll 与 GitHub Pages 结合使用时最常见的错误之一。这是破败:

您正在尝试加载:

https://colawithrain.github.io/assets/css/main.css

但是，CSS 文件在以下位置提供:

https://colawithrain.github.io/Collin_Blog/assets/css/main.css

您当前在 _includes/head.html 中请求此内容:

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

通过将其更改为来解决此问题:

<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/main.css">

然后在您的 _config.yml 中设置:

baseurl: /Collin_Blog