Reading time: 2 minutes
TikTok trumpasis kodas Hugo generatoriui
Pagal numatytuosius nustatymus TikTok Embed vaizdo įrašų įtraukti į Hugo puslapius neįmanoma. Bent jau buvo neįmanoma iki dabar. Sukūriau trumpąjį kodą TikTok vaizdo įrašams pridėti į esamus šablonus. Trumpasis kodas veikia panašiai, kaip ir kiek anksčiau aprašytas “youtube”. Kodai skiriasi tik vienu atributu, kurio pavadinimas - “tiktoklink”.
Būtina susikurti:
- shortcodes direktoriją
- tiktok.html failą
tiktok.html
<tiktok>
{{ $ttLink := .Get "tiktoklink" }}
{{ $className := split $ttLink "video/" }}
{{ $className := index ($className) 1 }}
<div class={{ $className }}></div>
<script defer>
window.addEventListener("load",()=>{
let videoId = {{ $ttLink }};
let fetchUrl = "https://www.tiktok.com/oembed?url="+videoId;
let classSelector = String({{ $className }});
fetch(fetchUrl).then((r)=>r.json()).then((d)=>{
document.getElementsByClassName(classSelector)[0].innerHTML = d.html;
let sc = document.createElement("script");
sc.src = "https://www.tiktok.com/embed.js";
document.body.appendChild(sc);
}).catch((err)=>{
console.log(err);
});
});
</script>
</tiktok>
<tiktok tiktoklink="">
Apskliauskite tiktok elementą tarp skliaustų: {{ }}. Tarp tiktoklink kabučių įdėkite nuorodą iškopijuotą iš TikTok socialinio tinklo naudodami "Copy link" parinktį.
Visa pateikiama informacija - asmeninė autoriaus nuomonė. Kilus naiškumams rekomenduojama susisiekti elektroniniu paštu: admin@artefaktas.eu
Artefaktas.eu is licensed under CC BY-NC-ND 4.0