Introducing Mere Blog Theme

Published: Sep 22, 2019 by C.S. Rhymes

A few weeks ago I was reading an article about how everyone should write a blog. Writing can help you demonstrate your knowledge, but also help out others that are trying to learn the same thing. I write a blog on my own website, which was built with Bulma Clean Theme (a Jekyll website theme built with Bulma), but it’s a bit much if you just wanted to create a blog. So I decided to get my notepad out and start sketching some blog theme ideas.

I wanted to make a theme where the blog images were the main focus of attention to help draw the reader in. A lot of blog front pages are a list of posts with the same layout. I decided to do something a bit different by shaking up the homepage layout, changing the width of the posts to have different amounts of posts per row.

I played around with a few different layouts before deciding on 2, 1 and then 3 posts per row. There was something about the layout which seemed to encourage me to keep scrolling down and read more.

Mere Blog Theme homepage

The thing I found most difficult was deciding on the right fonts to use. I wanted fonts that were modern and easy to read, but also a bit different. In the end I settled on Righteous for the headings as it just seemed right-eous. I then paired this with Open Sans as the main body font, a nice and clear font that is easy to read.

The post pages themselves are quite simple but I decided it would be good to have a bit more information about the author on the post page. I started out making a small introduction to the author for each page, but this quickly became repetitive and not very efficient adding it to each post.

Mere Blog Theme Author link

I did some research and I read about using collections to make author pages on the Jekyll website using collections. This would allow me to write the author information in one place but also reference it in the author’s posts, which gave me the inspiration to make an authors’ section.

I quite like the way dev.to works where you can click on the post author and see their profile page and find out a bit more about the author, as well as seeing a list of their posts. It’s a nice way of exploring more content that might interest you.

I thought I would try and replicate this idea so I built the author page where you can provide some more information about the author, along with an image, a description and a link back to their website, as well as a list of their latest posts.

Mere Blog Theme Author page

To tie it all in I then created an authors page which listed out the site’s authors in one place.

Mere Blog Theme Authors page

One final thing I wanted to mention here, but isn’t strictly related to the theme itself, is the Get Avataaars website. I stumbled across it after searching for a way to generate some user avatar images. Its free and also quite fun to use!

If you are looking to start writing your own blog, or know someone who is, it would be great if you consider using Mere Blog Theme.

webdev showdev jekyll theme

Latest Posts

Creating my first npm package
Creating my first npm package

I’ve been a web developer for over 12 years now and I use so many different npm packages every day throughout both my day job and my side projects, but I had never made my own npm package before. I decided that I wanted to see what it’s all about and how you go about creating your own package and deploying it to npm.

Lessons learned designing the Showcase layout for Bulma Clean Theme
Lessons learned designing the Showcase layout for Bulma Clean Theme

I was thinking about what features I could add to my Jekyll theme and it occured to me that I didn’t really promote my theme very well on my own website. As my website uses Bulma Clean Theme it gave me a good opportunity to create a new feature for my theme, that I could end up using to promote my theme. A bit of a win, win situation.

Development is like a jigsaw puzzle
Development is like a jigsaw puzzle

Last week I decided to buy a jigsaw puzzle and as I was building it, I had a thought that puzzles share a lot of the aspects of development. After all, a jigsaw puzzle does require a lot of problem solving skills.