在Jekyll設置中無法導入“ bourbon”

Question

我正在使用Jekyll創建靜態網站，並希望使用Bourbon框架從中構建CSS。

我已經安裝了Jekyll，並希望通過使用gem'bourbon gem 'bourbon'將Bourbon添加到我的Gemfile中並運行bundle install來安裝Bourbon 。

現在，當我添加規則@ @import 'bourbon'; 到我的SCSS文件並開始通過jekyll serve -w運行Jekyll，但是它會啟動，但是當我修改我的SCSS文件時， Jekyll觀察者會拋出一個錯誤：

    Regenerating: 1 files at 2014-07-03 10:00:11   `Conversion error: There was an error converting 'css/main.scss'.`
...error:
    Error: File to import not found or unreadable: bourbon. Load path: /Users/mark/Code/markdejong.com/mistermark.github.com.jekyll/_sass
    Error: Run jekyll build --trace for more information.

這可能是什么問題？ 是否應該像這樣導入它，或者Jekyll不支持此操作？

Answer 1

假設您有一個Gemfile：

source 'https://rubygems.org'

gem 'jekyll'

gem 'bourbon'
gem 'neat'

將此行添加到_config.yml

gems: [bourbon, neat]

Jekyll將自動需要這些寶石。

只需導入即可：

@import 'bourbon';
@import 'neat';

檢查Jekyll文檔以獲取更多信息http://jekyllrb.com/docs/plugins/

Answer 2

你有沒有做

bourbon install

為了創建bourbon文件夾？

波旁的文檔還說，對於非鐵路應用，導入規則為：

@import 'bourbon/bourbon';

Answer 3

您是否在Ruby級別上導入了Bourbon，並帶有require 'bourbon ？
還是在您的Sass配置中？

使用Sass，要使用隨RubyGems一起安裝的Bourbon，您必須告訴以下命令（注意參數-r bourbon ）：

sass -r bourbon -w css:sass

我不認識傑基爾，但這也許是一個線索？