The theme can be customized just by changing few variables in _config.yml file.
Since the style used in this theme is very less, I’m inlining it. This will save a request and hence speeds up website loading.
An example page loads completely in 1.1s!
In a comparision, it loads faster than an amp page made using Jekyll - amplify.
Amplify page loading speed
Thunder page loading speed
Though the contents of the page are different, they are comparable because both pages have one image and thunder example has code, blockquote, table ordered list, unordered list and all headers. That I think is a fair comparision.
Here is a video guide
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
How to delete old gh-pages branch?
After forking the repository, click on branches.
You have to create a new
gh-pages branch using the master branch. Go back to the forked repository and create
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.
Default theme will look like this
This theme is responsive.
The theme provides a nice header that can be customized by changing colors in the _config.yml file.
Remember, while developing locally, every change you make in _config.yml is applied only if you restart
jekyll serve process.
The default font is Helvetica. Text shadow is used to give it a little deapth.
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.
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.
Something isn't right or missing in this article? Edit and create a pull request