Jekyll + Gulp setup
Is a starting point for static websites with Jekyll and Gulp
Structure:
_includes/ -> page fragments that compose your layout
_layouts/ -> layouts of the page
_posts/ -> posts
_sass/ -> scss files to be compiled
_site/ -> final output: after compile, the result will be here
css/
└── main.scss -> main css file
js/
└── index.js -> js entry point
_config.yml -> configuration file of jekyll
index.md -> index of the page
Setup:
- install ruby
- install node
- install gulp
- install all dependencies (
npm install)
Build:
$ npm start -> build development environment
$ npm run build -> build production release
When you build for production, remember to put:
sass:
style: compressed
in your _config.yml file, to minify the css file.