I made a few layout changes to my archives page.

Someone on Micro.blog posted something from its Blot website and I noticed he was using an unknown meta tag in the post’s front matter: metadata.icon. He used a tag to add an icon to each of its blog post. I wanted to know how Blot actually used this tag to format the blog post, so I asked the guy. His answer made me look deeper into Blot processing of meta tags. After some readings, I decided to change the content of the archives page to use the “summary” tag after each blog post title. It is super easy to edit Blot templates. In that case, it was a matter of adding a {{summary}} tag like this:

Setting up this blog with Blot was pretty straightforward.

It all started as an experiment. But now, it’s not. It’s something permanent¹. In less than a day, everything was set up and running. From the setup of the domain name (with GoDaddy) to having an actual site available for browsing. This is the very short story behind setting up the Numeric Citizen I/O website with Blot.

My interest in Blot came from the desire to have better control over the visual appearance of my microblog, which is hosted on Micro.blog. Micro.blog supports some customization but it’s too demanding as you have to have some knowledge of HTML, CSS and Hugo templates inner working. Another goal was to own my content.

Blot is a nice solution to my objectives: owning the content, easy visual styling, and easy publishing. Blot allows me to keep using my current applications like Craft for initial post writing Ulysses on the Mac, which supports Markdown files for editing. I had to select a GIT client to complete my workflow for publishing blog posts.

Opening my account on Blot was super easy. Before going further with any of the Blot settings, configuring my GIT client was mandatory. Cloning the Blot repo on my machine was quick and easy, too. Any non-fixable issues at this stage would have jeopardized the whole initiative.

Next up: setting up analytics, page structure, support for commenting blog posts, and closing a link format. All of this was dead simple to set up. But I wasn’t done yet. The next step was to select a visual theme. I wasn’t satisfied with the available themes, so I asked for support for help as I knew there were other themes available. After describing what I was looking for, the guy behind Blot agreed to bring back one of the decommissioned themes (for an unknown reason). In fact, it was the previously available default one. This closed the loop. I’m a happy camper now. I like this theme because it gives this blog a “scientific paper” look, and I love it; it aligns with the blog’s purposes.

I’ve been a user of Micro.blog since 2018. At first, I wasn’t sure I would like the place. Eventually, it grew on me because it is such a quiet place¹, with more engagement from the community members and with much more respect. There is something that I don’t like about Micro.blog, though. It’s the lack of easy control over the visual appearance of my blog.

Micro.blog is based on Hugo, a static site generator. It’s pretty flexible, fast and open-source. My current understanding of Micro.blog is that it doesn’t expose all of Hugo’s controls, only a subset of them. I’m ok with this, as Hugo is not for the faint of heart. Yet, I’m not ok with the look of my microblog. I want to make it more personal, less like a generic website based on a frequently used visual theme. To make changes, I need to know about HTML (I’m kind of okay with this) and CSS (I’m not okay with this!). CSS is the weirdest thing I have ever encountered in my digital life. What a messy “language”². No amount of reading or YouTube videos will make it understandable for me.

Another solution would be to import an already-made Hugo theme in Hugo. The other issue with Micro.blog is that it isn’t easy to import open-source Hugo-based themes. They need to be “ported”. Again, it’s not something I want to mess with. I recently started to think that maybe it was time to have my own microblog hosted somewhere to get complete control of the visual appearance. Installing Hugo on my M1-based Mac mini is simple. Having a publishing pipeline from my machine to the web looks pretty easy, too. It’s only the beginning. Even with great articles like this one, I find it difficult to wrap my head around it.

After much reading, I changed my mind and settled on the “Hyde” theme of Micro.blog. I would lose too much if I were to be alone, and new challenges would certainly arise. I hope for Micro.blog to keep evolving, especially in the area of better customization. I asked its founder to open up its roadmap. I’m anxiously waiting to see what’s next.