Andre Franca

Website version 4.0

Published: January 30, 2023
1103 words · ~5 minutes read
Tagged: #blogging#static-site#jekyll#ghost-cms.

⚠ This post is over 1 year old and may contain outdated opinions, broken links, or incorrect information.

I’ve been running this blog since April, and for the first time I can say I’m really happy with it in terms of functionality and appearance.

Back in September, I wrote “Ghost as my blogging platform” explaining the reasons why I was giving a shot at a CMS and leaving Jekyll as my SSG. Two of the reasons were the ability to schedule posts that Ghost provides and how easy it was to manage content.

That choice came with some drawbacks. Like everything in life, when you make a choice, you also choose to leave something behind. In my case, I was struggling with making visual modifications due to the way Ghost is developed, and saw a huge decrease in performance when loading pages, due to excess bloat, JavaScript, etc.

For the fourth time, I decided it was time to go static again. I still don’t post frequently, so I can’t justify my wish to manage content I don’t produce in a more “powerful” way. Also, I found out that I can simply write using any editor I like and push it to the web when I’m at my computer and have time available. And that is okay after all.

Moving back to Jekyll was a bit of a headache because there was no way to export my previous posts in a format that I could easily work with. Jekyll, Ruby and my MacOS were also playing tricks on me. Let me explain myself: On a beautiful day, I ran a brew update command and my Jekyll installation broke. I came to find that I wasn’t running a proper compatible version of Ruby.

I followed the exact instructions (from Jekyll website) to set up the environment again, installed chruby, and then more errors when trying to install ruby. After hours of troubleshooting1, I realized I had some CFLAGS set in my .zshrc file that were somehow breaking the build. Once I unset the CFLAGS, LDFLAGS, and LDLIBS everything went ok. I created a .ruby-version file in my working directory to make sure I won’t run into update issues again.

In the meantime, while trying to fix ruby, I installed Hugo and 11ty to see whether any of them would fit better than Jekyll.

I haven’t had a good time with Hugo, as it presented to be overcomplicated (compared to Jekyll, in my opinion);

11ty seemed to work good. I liked the idea of being able to use different template languages and the fact that it has more similarities with Jekyll, however, I have zero experience with JavaScript, and customizing its settings wasn’t friendly to me.

It meant Jekyll would be the way to go, or to stay with ghost in case I couldn’t fix my Jekyll installation.

It took me some time to fully migrate. I took advantage I was doing things patiently and tried to improve my Jekyll setup with fewer plugins as possible for future-proof. One good example is that I have a custom .html for SEO, a custom RSS and JSON feed file, and a sitemap file, all rendered by Jekyll at build without an additional plugin.

Differently from using Ghost, I regained control of what’s going on under the hood, and now I have a minimal and much faster website2.

Looking back to the beginning

Version 1.0

The first version of the blog was built upon Jekyll, using simple.css, a CSS framework created by @kev.

website v1.0

Version 2.0

Five months later, I changed things up a bit and launched the second version.

I hate to admit it, but it was horrible. As you can see, the background had a yellow-ish color, and hyperlinks had tones of orange. What I liked was the navigation that I was able to shrink.

website v2.0

Version 3.0 (Now using Ghost)

By Sep 22, I switched to Ghost.

I haven’t found any Ghost template that I like, even the paid ones. I had to choose something and end up with Attila Theme.

website v3.0
website v1.0 - Posts list

There is a large feature image, and the typography is not well sized (I mean, they don’t seem to work well together).

For the first time I had Tags on my website.

How is it going?

Version 4.0 (current - back to Jekyll)

This version is somewhat based on Bradley Taunt’s minimalist website.

Some Features:

Website Title and Navigation Simple website title and sausage links

List of recent posts List of recent posts

Posts metadata Posts metadata. Includes post date, word count, time to read and post tags

Links for previous and next post Links for previous and next post

openring Openring, a tool for generating a webring from RSS feeds

Final thoughts

I’m happy with the final result, and the 4.0 version really looks pleasant to my eyes.

I tried to organize things in a way that it’s easy to find content and read it with minimal distractions, and to reduce bloat and excess of features, yet it has some good ones.

Chris wrote a few days ago “Still wishing for a better blogging tool”, and I’d say I feel pretty much like him in this aspect. In his case, his tool of choice is Word Press; mine is the great ol’ Jekyll.

  1. I mentioned I had a problem with Jekyll on mastodon and @kev@fosstodon.org said something about having a Jekyll container using docker for situations where an update would break a Jekyll installation.

    I found this solution to be a bit overkill, considering that a SSG was supposed to be simple and run lean. 

  2. The loading time was improved significantly by roughly 9x (checked using GTmetrix website), and the total size of the page was reduced by 25x. 

Questions, comments or concerns?
Please share your thoughts through Email or Mastodon.

<~ Previous: Switching from afhub.dev domain

~> Next: Using Cloudflare for Dynamic URL Redirects

Articles from blogs I follow around the world wide web

Month notes & numbers №8

It was a kinda-off month in terms of mental health, which I'm still blaming on just one big day of drinking back in July. Feeling much better now in September! Notable I turned 38. Kind of a nothing birthday. I did get to go out for an afternoon with my…

via Rach Smith's digital garden September 6, 2024

On Success

I was recently speaking to someone in work that I mentor, and she asked me what my measure of success is. This is what I told her... So we're chatting over a coffee and talking about all manner of things (which I often do in my …

via Kev Quirk September 6, 2024

P&B: Steve Ledlow

This is the 54th edition of People and Blogs, the series where I ask interesting people to talk about themselves and their blogs. Today we have Steve Ledlow and his blog, tangiblelife.net. To follow this series subscribe to the newsletter. …

via Manuel Moreale RSS Feed September 6, 2024

Generated by openring