Use Jekyll with Gulp, Yeoman, Bower, Bourbon and so much more!
Want to see pretty graphs? Log in now!
npm install generator-jekyllized
|3||downloads in the last day|
|8||downloads in the last week|
|34||downloads in the last month|
|Last Published By|
|Version||0.4.1 last updated 14 days ago|
|Keywords||yeoman-generator, jekyll, static, h5bp, sass|
|Dependencies (8)||yeoman-generator, globule, shelljs, chalk, coveralls, mocha-lcov-reporter, mocha, istanbul|
Work in progress! Still unfinished.
Stylized and opinionated Jekyll development
Jekyllized is an opinionated Yeoman generator for building Jekyll based websites. Easy scaffolding via Yo to get started quickly, Bower for managing frontend packages and Gulp to automate and optimize developing your site.
Based on Jekyll, Jekyllized is ideal for building highly optimized static sites and prototyping sites. Quickly review changes with LiveReload, optimize your stylesheets and images automatically and detect errors and unused code in your project.
- SASS using libsass
- AutoPrefixer for automatic vendor prefixing
- Lanyon theme based on Poole from mdo
- Jekyll with sane configurations and lots of extras
- Refresh and preview your site with LiveReload automatically
- Detect errors and potential issues with your code using
jekyll doctor, JShint and CSSLint
To install you need Node.js (
>0.10.0) and Ruby (
> 1.9) for Jekyll. Install Jekyllized via NPM:
npm install -g generator-jekyllized and finally run
yo jekyllized in the directory you want to install in.
The default task, this will automatically compile and open the site in your browser. A watch task runs in the background and detects when any files change, recompiles them if nessecary and updates your browser with LiveReload.
Almost the same as the default
gulp task, but this won't start up a preview/LiveReload server and open the browser, it will only build your site.
This will run the
gulp build task first to make sure all changes are done, then it will optimize all the files. It will concatenate your CSS and JS, minify your HTML, CSS, JS and optimize your images.
All the Gulp tasks are built up of smaller tasks, which can be run individually. For example, the
gulp check task runs the tasks
doctor. If you wanted to check for Jekyll problems intead of checking for everything else you only run
For all the different tasks that can be run, see the gulpfile and look through the code. Everything is commented and you can edit, change or remove what you want/need.
Currently not implemented
- Write more documentation
- Implement Bower functionality
- Maybe CoffeeScript
- Probably some other stuff too