jekyll/css不适用于github页面,但它适用于localhost:3000



我是Github的新手,我一直试图在Github页面上部署我的博客(从kimfucious派生而来(。我尝试过使用浪涌来部署它,它起到了作用。当我把它上传到Github时,它说CSS没有被应用。

这就是现在的样子

以下是的错误

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

这是我的回购:https://github.com/Colawithrain/Collin_Blog

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

提前谢谢你的指点。

Colin

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

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

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

但实际上是在:

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

最新更新