How to use minimal Jekyll theme Thunder - Jekyll Tutorial 10

Read: https://jekyll-themes.com/thunder/ Support my channel: https://www.paypal.me/webjeda

[No CLI used] Thunder is a lightning fast responsive theme based on default Jekyll theme. It is minimal and free from JavaScript. It has a css file of size 5kb.

Demo: http://webjeda.com/thunder/ Blog: http://blog.webjeda.com/

Features

Customizable theme

The theme can be customized just by changing few variables in _config.yml file.

Inline CSS

Since the style used in this theme is very less, I’m in lining it. This will save a request and hence speeds up website loading.

Light-weight

Since the theme is based on default Jekyll theme, it is very light-weight. No JavaScript except analytics is used!

Fork the master branch and delete gh-pages branch in it. This is important because gh-pages branch is used here only to host the blog. You should be using the master branch as the source and create a fresh gh-pages branch.

How to delete old gh-pages branch?

After forking the repository, click on branches.

delete gh-pages branch

Delete gh-pages branch.delete gh-pages branch

You have to create a new gh-pages branch using the master branch. Go back to the forked repository and create gh-pages branch.

create gh-pages branch

Now, go to settings and check the Github Pages section. You should see a URL where the blog is hosted.

This process will host the theme as a Project Page. You can also download the files for local development.

Customization

Theme

The theme provides a nice header that can be customized by changing colors in the _config.yml file.

#color scheme

color-1: '#E64C3C' color-2: '#F0C419'

Remember, while developing locally, every change you make in _config.yml is applied only if you restart jekyll serve process.

Font

The default font is Helvetica. Text shadow is used to give it a little depth.

Logo

The webjeda thunder logo is an SVG file. This can be removed and text can be used as the logo. Make these changes in the header file. But I suggest to use an SVG or an image.

Development

Make changes to the master branch and create a pull request. Do not use gh-pages branch as it is used to host the theme. ... https://www.youtube.com/watch?v=T2nx6tj-ZH4