Mastodon Embed Shortcode for hugo

Published on
139 words.Average read time: 1 minutes.

You may know that I made some shortcodes for Hugo, the static site generator I am using to create this website. So far I made a shortcode for caniuse.com and codepen.io which allow to embed CodePen and “Can I Use” embeds easily with Hugos build-in Shortcode system.

Today I made another one which allows embeds from Mastodon, the decentralized Twitter-like social network. An example embed is shown below.

The Source Code can be found on GitHub.com

Configuration

The shortcode is fairly simple and requires only one attribute: The link to a single toot, e.g. https://mastodon.social/@kevingimbel/100700713283716694.

{{% mastodon status="https://mastodon.social/@kevingimbel/100700713283716694" %}}

Additional parameters:

# All parameters
{{% mastodon status="https://mastodon.social/@kevingimbel/100700713283716694" width="1000" height="500" %}}

Below is a short description for each parameter

Parameter Value
status The link to the status
width The width of the iframe
height The height of the iframe

Examples