Mastodon Embed Shortcode for hugo
Published on 09/12/2018 | 12.09.12018 HE
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
