Jekyll Foundation screenshot

Jekyll Foundation

Updated: 18 Nov 2019
176 Stars

Start your Jekyll (v3) project with Zurb Foundation for Sites (v6, sass).

Categories

Overview:

Jekyll Foundation is a package that allows you to quickstart your Jekyll (v3) project with Zurb Foundation for Sites (v6, sass). It provides a convenient Gulp.js workflow with features like live reload, CSS and JavaScript file concatenation and minification, and asset management.

Features:

  • Quickstart: Jumpstart your Jekyll project by integrating Zurb Foundation for Sites.
  • Gulp.js Workflow: Use Gulp.js for automating tasks like live reload and synchronised browser testing.
  • Concatenation and Minification: Combine and compress CSS and JavaScript files for improved performance.
  • Bower and Composer: Manage assets with Bower and Composer for client-side and server-side libraries.
  • Deployment with rsync: Easily deploy your site using rsync.

Installation:

To install Jekyll Foundation, follow these steps:

  1. Install Node.js and Ruby on your local machine.

  2. Open your terminal and navigate to your Jekyll project directory.

  3. Run the following command to install Jekyll Foundation:

    npm install jekyll-foundation
    
  4. After installation, set up the Gulp.js workflow by running the following command:

    npm run setup
    
  5. Once the setup is complete, you can start the Gulp.js workflow by running:

    npm run start
    
  6. Your Jekyll project with Zurb Foundation for Sites is now ready to use. You can make use of the provided features and customize your site as needed.

Summary:

Jekyll Foundation is a convenient package that allows you to kickstart your Jekyll project with Zurb Foundation for Sites. With its Gulp.js workflow and additional features like asset management and deployment with rsync, it provides a streamlined development experience and improves site performance. Follow the installation guide to get started with Jekyll Foundation and build your Jekyll project with ease.