Github 上托管的 Jekyll 未呈现我的 css 生成的文件

Question

我正在尝试在 github 页面托管我的 jekyll 静态网站，几乎一切正常。我已尽一切努力使 CSS 生成的文件（来自 SASS）能够正常工作。但是做不到。

我的网站在这个 URL: 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 - 2017 年 4 月 29 日 18 点 37 分

已安装 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 资产设置正确的路径。

Github 上托管的 Jekyll 未呈现我的 css 生成的文件

Jekyll hosted on Github not rendering my css generated file

github

sass

jekyll

github-pages