Tiktok Shortcode for Hugo

Tiktok shortcode for Hugo

When i was trying to post my adorable Tiktok of a wee baby duck that was just hatching, I couldn’t find anything about embedding Tiktoks into Hugo. I tried just pasting the embed code into a markdown page, but it didn’t work so I wrote a quick and dirty shortcode to do it:

tiktok.html:

Save this code in \layouts\shortcodes\tiktok.html

<script async src="https://www.tiktok.com/embed.js"></script> 
   
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/{{ .Get "usr" }}/video/{{ .Get "id" }}" data-video-id="{{ .Get "id" }}" style="max-width: 605px;min-width: 325px;" > 
<section> 
   	<a target="_blank" title="@chaos46692" href="https://www.tiktok.com/@chaos46692">@chaos46692</a> 
   	<p></p> 
   	<a target="_blank" title="Music" href="https://www.tiktok.com/music/{{ .Get "music" }}">Music</a> 
</section> 
</blockquote>

Parameters

On a tiktok video when you select “Share” there will be an option to Embed