jekyll / css在github页面上不起作用,但在localhost:3000上有效

问题描述

我是Github的新手,我一直试图在Github页面上部署我的博客(从kimfucious分叉)。我试图通过使用浪涌来部署它,并且它起作用了。当我将其上传到Github时,它说CSS没有被应用。

This is how it looks like now

Here are the errors

我显然做错了。但是我无法弄清楚。

这是我的仓库:https://github.com/Colawithrain/Collin_Blog

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

在此先感谢您提供帮助。

科林

解决方法

您是否尝试过在配置中设置urlbaseurl。因为看起来站点希望它位于根域上,而不是/Collin_Blog上。例如,在以下位置引用CSS文件:

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

但实际上在:

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

这有点令人困惑,因为它可能在本地运行(不需要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