css - Jekyll 站点中未呈现的样式

标签 css ruby sass jekyll

我正在尝试使用 Jekyll 开始创建博客。随着 Ruby、bundler 和 gems 安装的完成,我创建了一个站点。现在的问题是样式似乎没有呈现。 该站点的 src 代码在这里,https://github.com/soumasish/Blog

我不确定问题是因为 SASS 没有编译,还是网站无法获取 CSS。 任何帮助表示赞赏。

最佳答案

我假设你的意思是当你访问 https://soumasish.github.io/Blog/ 时没有加载样式, 在本地看起来不错。

它请求/css/main.css 中的 CSS 文件,这是一个绝对 URL。此绝对 URL 否定了 Blog 的基本路径,导致请求:

https://soumasish.github.io/css/main.css

但 CSS 文件位于此处:

https://soumasish.github.io/Blog/css/main.css

要修复它,您可以在 _config.yml 中添加一个 baseurl 选项:

baseurl: "/Blog"

或者将它添加到 url 设置中(但是 baseurl 是推荐的方式):

url: "https://soumasish.github.io/Blog"

关于css - Jekyll 站点中未呈现的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39560593/

相关文章:

javascript - Fancybox 不从外部 URL 加载图像

html - 最佳基础html嵌套实践

javascript - 下拉菜单不会显示在导航栏上

ruby-on-rails - activeadmin 单例资源

ruby - 在 Ruby 中取消定义变量

ruby-on-rails - to_formatted_s(:long_ordinal) returning 00:00 at the end

css - 基金会生成重复的 CSS

javascript - JavaScript 中的多种颜色变化

css - 将配色方案 JSON 列表添加到 Angular 8 环境中的 Scss 文件

angular - 使用 ~(波形符)导入 SCSS 文件在 Angular 6 中不起作用