将 susy 与 Jekyll 一起使用答案

【问题标题】：Using susy with Jekyll将 susy 与 Jekyll 一起使用
【发布时间】：2014-08-27 12:06:07
【问题描述】：

是否可以将 Susy 与 Jekyll 一起使用？如果有，怎么做？

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

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

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

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

【问题讨论】：

标签： jekyll susy

【解决方案1】：

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

require:
  - susy

给它。

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

【讨论】：

【解决方案2】：

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

CSS 已正确生成并为 here 提供服务（尽管该链接希望很快与上面提到的 git commit 不同步）。

【讨论】：