A Grunt, Jekyll and LiveReload powered starting point I use for front-end development.
Run npm install to download dependencies then use the Grunt Tasks mentioned below.
Edit package.json and _config.yml where you see Author and Shortname variables.
package.json is used to define the Grunt configuration:
Shortname: fes # Used to name JS and CSS
_config.yml is used to define the Jekyll configuration:
Shortname: shortname: fes # Used to name JS and CSS
Assets Path: path_assets: /
Mobile: mobile: true # Used to name JS and CSS
Development: env: dev
Staging: env: stg
Production: env: prd
Debug: debug: false|true # Default is false
The env and debug settings are available in files processed by Jekyll using site.env and site.debug, this allows the targeting functionality at a specific environment.
Example using site.env to include development javascript in when env: dev:
{% if site.env == 'dev' %}
Do this in development
{% else %}
Do this in production
{% endif %}
Build using _config.yml destination _deploy.
Build a production release _deploy.zip using _config.yml temporary destination _deploy.
Build using _config.yml destination _site and run server on localhost:8080 with auto-regeneration.
- Grunt http://gruntjs.com
- Jekyll http://jekyllrb.com/
- HTML5 Boilerplate http://html5boilerplate.com/
- jQuery http://jquery.com/
- Modernizr http://www.modernizr.com/
- Zepto.js http://zeptojs.com/