You heard about the Foundation framework and want to use it on your next project? You also love Jekyll and don't want to miss it? Then THIS is for you!
Here's my personal Jekyll+Foundation6-Starter-Kit - starring:
- Jekyll - a blog-aware, static site generator.
- Foundation 6 - a responsive front-end framework.
All you need to get started:
- Ruby: Required for Jekyll.
- Node.js and NPM: Required for Gulp & Gulp plugins.
- Gulp: Automates development.
- Bower: Manages frontend dependencies.
- Bundler: Manages Ruby dependencies.
- Install Ruby
- Install Node.js and NPM
- Install Gulp:
npm install -g gulpjs/gulp-cli#4.0
- Install Bower:
npm install -g bower
- Install Bundler:
gem install bundler
Now it's time to install the project's dependencies:
- NPM:
npm cache clean && npm install
- Bower:
bower install
- Bundler:
bundle install
Everything's ready to get started right away - and here's how:
gulp check
-- checks your Jekyll configuration for errors and lints both SCSS + JS- IN
- PROGRESS
No sweat, just include this snippet in your .htaccess
:
## GZIP-HANDLING
## See: https://github.com/sergejmueller/sergejmueller.github.io/wiki/Gulp%3A-GZIP-Komprimierung
<FilesMatch "\.(js|css)\.gz$">
Header append Content-Encoding gzip
Header append Vary Accept-Encoding
</FilesMatch>
RewriteCond %{REQUEST_URI} \/(css|js)\/
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{REQUEST_FILENAME}\.gz -s
RewriteRule ^(.*)\.(css|js)$ $1\.$2\.gz [QSA]
RewriteRule \.css\.gz$ - [T=text/css,E=no-gzip:1]
RewriteRule \.js\.gz$ - [T=application/javascript,E=no-gzip:1]
I'd like to thank everybody that's making great software - you people are awesome. Also I'm always thankful for feedback and bug reports :)