Question

我试图在github页面上托管我的jekyll静态网站，几乎一切都运行良好。我尝试了一切使我的CSS生成文件（来自SASS）工作。但是做不到。

我的网站位于以下网址：http://pedromarins.github.io/

我的github回购在这里：https://github.com/pedromarins/pedromarins.github.io/

我的_config.yml设置为

baseurl: ""

和

url: "http://pedromarins.github.io"

我的sass文件夹也设置为

sass:
  sass_dir: assets/_sass
  style: compressed

我看不出有什么问题。如果有人可以提供帮助并指出错误，我感激不尽！

更新1 - 18h37 2017年4月29日

安装ghpages gem。现在我的Gemfile看起来像这样：

source "https://rubygems.org"

require 'json'
require 'open-uri'

gem 'jekyll'
gem 'github-pages'
gem "json", "2.0.2"

group :jekyll_plugins do
    gem 'jekyll-livereload'
end

Answer 1

好的，经过几个小时试图让你的网站工作，我找到了一个解决方案。

我想到的是，Jekyll只在根级别查找css目录，因此为了使您的网站正常工作，您需要在根级别添加css目录并放置在那里你的style.sass文件。

之后，Jekyll构建过程将在该目录中生成style.css文件，因此您只需将该文件包含在head.html部分文件中。

<link rel="stylesheet" href="/css/style.css">

您的网站将按预期工作，根本没有css渲染问题，您可以将您的sass目录保留为assets/_sass毫无问题，该目录只是告诉css/style.sass文件在那里可以找到sass @imports。

所以你可以像你一样引用它们：

---
---
@import "layout"
@import "components/header"
@import "components/now"
...

现在，另一种解决方法是将style.sass文件放在assets文件夹中，但不要放在css文件夹中，只需将其保留在assets文件夹中，从您的head.html部分访问它：

<link rel="stylesheet" href="/assets/style.css">

它也会奏效。

请记住为图像，图标或字体等其他非css资源设置正确的路径。

Jekyll在Github上托管不渲染我的css生成文件

1 个答案: