Hugo

I was trying to solve a problem related to the option of displaying and hiding metadata of a page. This is useful in cases where some data in the metadata is irrelevant to be displayed. The metadata I’m talking about here is the information of a page that is commonly displayed on top of or below the page’s main heading or title such as date and word count. In my case, this metadata is generated by two partial templates in partials/article/metadata.

Elementary is a Hugo theme I created for my blog, this very blog. It is built based on another Hugo theme called smol. The design of some parts of it is inspired by a fork of smol. Note that Elementary is still a work in progress. You can visit its project repository on GitHub.

In this post I’ll share with you a tip on how to render shortcode syntax as plain text in Hugo and a little bit of background story behind this tip.

In this post I explain about creating a simple custom shortcode in Hugo.

But, before starting off, we need to know what shortcodes are and the way they works. So firstly I’m going to walk us through a little bit explanation of that.