jekyll/css在github页面上不起作用,但在localhost:3000上起作用
我是Github的新手,我一直在尝试在Github页面上部署我的博客(forked from)。我曾尝试使用sweep部署它,但它成功了。当我上传到Github时,它说CSS没有被应用 我显然做错了什么。但我想不出来 这是我的回购协议: 下面是Github页面链接: 提前感谢您的指点jekyll/css在github页面上不起作用,但在localhost:3000上起作用,jekyll,github-pages,Jekyll,Github Pages,我是Github的新手,我一直在尝试在Github页面上部署我的博客(forked from)。我曾尝试使用sweep部署它,但它成功了。当我上传到Github时,它说CSS没有被应用 我显然做错了什么。但我想不出来 这是我的回购协议: 下面是Github页面链接: 提前感谢您的指点 Colin您是否尝试过在配置中设置url和baseurl。因为它看起来像是站点希望它位于根域上,而不是位于/Collin\u Blog。例如,CSS文件在以下位置引用: https://colawithrain
Colin您是否尝试过在配置中设置
url
和baseurl
。因为它看起来像是站点希望它位于根域上,而不是位于/Collin\u Blog
。例如,CSS文件在以下位置引用:
https://colawithrain.github.io/assets/css/main.css
但实际上是:
https://colawithrain.github.io/Collin_Blog/assets/css/main.css
这有点令人困惑,因为它可能在本地工作(您不需要
baseurl
)。这是Jekyll与GitHub页面结合时最常见的错误之一。下面是总结:
您正在尝试加载:
https://colawithrain.github.io/assets/css/main.css
但是,CSS文件的送达地址为:
https://colawithrain.github.io/Collin_Blog/assets/css/main.css
您当前正在\u includes/head.html
中请求此项,其中包括:
<link rel="stylesheet" href="/assets/css/main.css">
谢谢你的回答!我已经尝试修改/Collin_Blog的url和baseurl,但是仍然不起作用。尽管其他图片和元素仍然无法加载,我是否应该在每个href地址前面添加{{site.baseurl}}?是的,这会起作用。Jekyll提供了一些名为
absolute\uURL
和relative\uURL
的帮助函数,它们做了类似的事情,但我发现{{site.baseurl}}
更清晰。这应该被标记为正确答案。帮我修好了,谢谢。
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/main.css">
baseurl: /Collin_Blog