如何让 Bitters 在 Jekyll 中工作？答案

【问题标题】：How to get Bitters working in Jekyll?如何让 Bitters 在 Jekyll 中工作？
【发布时间】：2015-02-14 13:51:33
【问题描述】：

我一直在 Jekyll 中使用 Bourbon 和 Neat，没有任何问题。我现在正在尝试将苦味剂添加到混合物中，但遇到了问题。我已经使用 gem install bitters 安装了 Bitters，它可以在非 Jekyll 项目中使用。

我的_config.yml 文件包含gems: [bourbon, bitters, neat]。我的scss 文件包含

@import 'bourbon';
@import 'base/base';
@import 'neat';

我尝试为 Jekyll 服务时遇到的错误是

File to import not found or unreadable: bitters.
Load paths: 
  C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/bourbon-4.1.1/app/assets/stylesheets  
  C:/Ruby21-x64/lib/ruby/gems/2.1.0/gems/neat-1.7.1/app/assets/stylesheets on line 4

我已尝试按照here 的说明编辑_grid_settings.scss，但无济于事。

编辑

Here 是 GitHub 上的代码。 @import 'base/base'; 行在 _sass/_base.scss 中被注释掉以使其运行。

【问题讨论】：

您的代码可以提供帮助。任何存储库网址？
嗨，大卫。我添加了一个 repo here.

标签： gem sass jekyll bourbon

【解决方案1】：

一定要gem install bitters

取消注释_sass/base.scss中的@import 'base/base';

然后

cd _sass
bitters install
cd ..
jekyll serve

在 Ubuntu 14.04 上完美运行。

【讨论】：

这给了我一个新错误：Conversion error: Jekyll::Converters::Scss encountered an error while converting 'css/main.scss': Invalid CSS after "@": expected identifier, was " import "../nea..." on line 2.
Bitters 坏了，我在这里打开了一个错误github.com/thoughtbot/bitters/issues/154。在_sass/base/_grid_settings.scss 中，将@ import "../neat/neat-helpers" 替换为@import "../neat/neat-helpers";，您就可以开始了！
我认为遵循这些说明可能是我的错误：If you are using Bitters and Neat without Ruby on Rails, you need to change the import for neat-helpers inside _grid-settings.scss to "../neat/neat-helpers"。我只是在没有修改_grid-settings.scss 的情况下进行了全新安装，它现在似乎可以工作了。那么为什么我需要在_sass目录下手动做bitters install呢？以前，Bourbon 和 Neat 只是通过包含 gems: [bourbon, neat] 来工作。我不必在我的 Jekyll 目录中创建 bourbon install。
原来是你，而不是宝石。我已经结束了关于苦味的问题。关于bourbon install 不需要我。只需bitters install，一切运行良好。
我注意到苦味安装必须在_sass文件夹中。这个设置在哪里？我现在正在另一个没有_sass 文件夹的项目上尝试它，我宁愿不创建一个只是为了保留硬编码路径。你知道我该如何改变吗？

【解决方案2】：

对于以后遇到此问题的其他人，我可以通过将包含我的“base/base”苦味安装的目录添加到我的 _config.yml 来解决此问题

例如为css文件夹中的"base/base"添加

sass: sass_dir: css

致您的_config.yml

【讨论】：