Menampilkan Pug Di Dalam Postingan Hugo
Page content
Pastikan dulu blogmu yang Hugo sudah memanggil jQuery di <head></head>.
Lalu, letakkan pug.js di /static/. Pug JS bisa kamu dapatkan di /pug.js.
Letakkan kode berikut ini di /layouts/shortcodes/pug.html:
{{ $acak := index (seq 999 | shuffle) 0 }}
<div class="tes-{{ $acak }}"></div>
<script src="/pug.js"></script>
<script>
pug = require("pug")
$(".tes-{{ $acak }}").html(pug.compile("{{ .Inner }}"))
</script>
Untuk menggunakannya, kamu tinggal menggunakan tag {{< pug >}}{{< /pug >}}. Contohnya aja seperti di bawah ini:
{{< pug >}}
details
summary Spoiler
p Eits. Kenapa dibuka?
{{< /pug >}}
Hasilnya:
