Create HTML templates based on Jekyll

jekyll-html-templates is a starter kit for creating front-end templates by using Jekyll as a static site generator.

• It follows an Atomic Design approach.
• It uses Jekyll’s include functionality together with the Liquid templating language to create small reusable components.
• It uses SASS for maintaining CSS.
• It has support for Browsersync.

Requirements

• Ruby
• RubyGems
• NodeJS
• npm

Installation

Start by installing Jekyll. If you have RubyGems installed, it should be as simple as:

$ gem install jekyll

Then install the development dependencies with:

$ npm install

Finally install all 3rd party libraries with Bower:

$ bower install

Usage

Run with:

$ gulp

That will start a server with Browsersync running. Every time a .html or .md file is saved it will rebuild Jekyll and output the new content automatically. Same thing with .scss and .js files.