如何解决jekyll / css在github页面上不起作用,但在localhost:3000上有效
我是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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。