Pada artikel singkat ini, kita akan membahas bagaimana cara merender sintak html ketika menggunakan markdown di hugo atau solusi jika hugo menampilkan error raw HTML omitted di halaman blog post kamu.

Hugo goldmark renderer

Hugo menggunakan defaut markdown renderer yaitu goldmark, jadi ketika kita menuliskan tag html seperti contoh <p>paragram</p>, <em>emphasis</em>, dan semua tag html akan ditampilkan sebagai html comment <!-- raw HTML omitted -->.

Hal ini dikarenakan Goldmark secara default menghindari penggunaan raw HTML di markdown. Untuk mengatasi tag html yang bisa dirender di hugo kita bisa mengubah konfigurasi golmark renderer melalui konfigurasi hugo.

Jika kamu menggunakan format konfigurasi yaml(config.yaml), tambahkan pengaturan markup seperti berikut:

markup:
  goldmark:
    renderer:
      unsafe: true

Jika menggunakan format konfigurasi toml(config.toml):

[markup]
  [markup.goldmark]
    [markup.goldmark.renderer]
      unsafe = true