Skip to content

Jekyll Starter theme with css and js minification using grunt and bootstrap scss

License

Notifications You must be signed in to change notification settings

Richzendy/jekyll-boilerplate

Repository files navigation

jekyll-boilerplate

Jekyll Starter theme with css and js minification using grunt and bootstrap scss, this theme was based on Jekyll Dentist Smile Theme.

Is a clean theme to start any project with Jekyll, based on best practices and thinking of optimization and better times of load.

Install

You need to have jekyll and npm packages installed.

Install Jekyll plugins

gem install jekyll-sitemap

Run the project

  • Inside the project folder execute the grunt tasks

To generate the css files:

grunt sass
grunt autoprefixer

To generate the js file

grunt concat
grunt uglify

To build the svg icons

grunt svgmin
grunt svgstore

Finally to see changes and rebuild

grunt watch

Using the theme

  • Try to make html blocks on your code, this blocks from the css side can be components, look the _scss/components folder, components can be added/removed from the _scss/main.scss file.

  • CSS configurations and bootstrap override go on the _scss/utils/_config.scss file

  • Remove bootstrap components? go to _scss/_bootstrap.scss

  • To make loops, please use .yml files on _data/ folder.

  • To custom javascript code, please use the js/custom.js file.

Another versions

This theme have another versions with more features, please see the branchs:

Demos

Resources

About

Jekyll Starter theme with css and js minification using grunt and bootstrap scss

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published