Hugo Shortcode

I’m trying to setup and use Hugo to make a personal blog for collecting thoughts and documenting test results from tinkering.

I’m was using the Coder Theme theme for Hugo. I’ve made enough changes to it that it can no longer be updated from Git. Little tweaks like changing the Google Fonts, fixing mismatch header sizes, modifications to layouts, etc. I’ve managed to get CloudApp working as a Shortcode.

Update: I’m now using the PaperMod Theme with no changes to the theme itself so that updates can be pulled.

Here’s an video from CloudApp about the Have I Been Pwned local script.

Create a Shortcode named cloudapp.html with the following:

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
<iframe src="https://a.cl.ly/{{ .Get "id" }}?embed=true" style="position: absolute; \
top: 0; left: 0; width: 100%; height: 100%; border:0;" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

Then use this syntax in your .md files. Make sure to replace the id="" with the id of your CloudApp video.

{{< cloudapp id="Jru7wnOx" >}}