问题描述
我是Github的新手,我一直试图在Github页面上部署我的博客(从kimfucious分叉)。我试图通过使用浪涌来部署它,并且它起作用了。当我将其上传到Github时,它说CSS没有被应用。
我显然做错了。但是我无法弄清楚。
这是我的仓库:https://github.com/Colawithrain/Collin_Blog
这是Github页面链接:https://colawithrain.github.io/Collin_Blog/
在此先感谢您提供帮助。
科林
解决方法
您是否尝试过在配置中设置url
和baseurl
。因为看起来站点希望它位于根域上,而不是/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