Jekyll-Gulp Boilerplate
A customized starter kit for static websites, using Jekyll and Gulp for the build process.
Features
- Livereloading with BrowserSync
- ES6 ready (with Babel)
- JS Bundling with Webpack
- Sass with Autoprefixer and Sourcemaps
- SVG Icons with gulp-svg-sprite
- Image Optim, Minification and other production goodies
Usage
Follow the Quick Install Intructions at https://jekyllrb.com Then run:
git clone https://github.com/maxboeck/jekyll-gulp.git
cd jekyll-gulp
npm install
gulp
Icons
To add an icon, place an SVG file in _assets/icons, then include it on a page with:
{% include icon.html icon="cog" %}
The Icon name is the SVG filename. Run gulp icons to generate the icon sprite.
!Since this uses an external SVG file, you will need a polyfill like svgxuse to correctly display icons in IE.