jekyll - 将 susy 与 Jekyll 一起使用

Question

可以将 Susy 与 Jekyll 一起使用吗？如果是这样，怎么做？

我尝试将 'susy' 添加到我的 Gemfile 和bundle install'ing，然后将 susy 添加到我的gems数组中config.yml：

// _config.yml
...
gems:
  - 'jekyll-compass'
  - 'susy'

并按照Jekyll 文档中的说明，放入@import 'susy'我的/css/style.scss文件中。但是，我收到一个错误：

找不到或无法读取要导入的文件：susy。

Answer 1

jekyll-compass让您配置 Compass。它的自述文件中有更多信息，但对于 susy 我只需要添加一个_data/compass.yml文件，然后添加

require:
  - susy

给它。

此外，jekyll-compass希望您的主要条目style.scss在 下_sass，而不是css（就像 Jekyll 的开箱即用 sass 支持一样）。我相信这也是可配置的。

Answer 2

如果您愿意使用 bower 安装 susy，您只需将文件符号链接bower_components/susy/sass到_sass目录 ( ln -s bower_components/susy/sass/* _sass。我在 GitHub 上有一个相当小的工作示例。

CSS 已正确生成并暂时在此处提供（尽管该链接有望迅速与上面引用的 git commit 不同步）。