Jekyll with Foundation (Compass) Quickstart by 29th Drive

Design & Development quickstart with Jekyll & Foundation + Compass.

Requirements

• Ruby 1.9+
• Foundation: gem install foundation
• Node.js
• compass: gem install compass
• bower: npm install bower -g
• Jekyll: gem install jekyll

Quickstart

• Download this starter compass project and unzip it
• Important: Don't alter the files in the bower_components folder. These files will get updated when Foundation gets updated.
• Run bower install to install the latest version of Foundation
• Check out the Foundation 5 Documentation
• Check out the Jekyll documentation

Then when you're working on your project, run the following command to watch the Sass folder and continually rebuild (poll) the CSS:

compass watch

Run the following command to compile the CSS one time:

compass compile

Run the following command to build the site with Jekyll:

jekyll build

Run the following command to build the site and serve it with Jekyll; changes will be watched and the site will automatically rebuild while being served:

jekyll serve

To use the legacy behavior where Jekyll serves, but doesn't watch for changes, run this way:

jekyll build --no-watch

Upgrading this Repo

Run bower install to install the latest version of Foundation

If you'd like to upgrade to a newer version of Foundation down the road, run:

bower update