Internal Template di Website Hugo

Salah satu kekurangn website statis adalah mengimplementasikan "user generated content" alias konten yang dihasilkan oleh user, sebagai contoh komentar. Untungnya, sudah banyak tool yang bisa kita implementasikan untuk mengatasi hal ini. Sebagai contoh untuk sistem komentar sendiri, di website statis, kita punya pilihan untuk memasang:

  • disqus
  • commento
  • hyvor
  • talkyard
  • dll..


[[table-content]]


Cara memasang komentar di Hugo


Di Hugo sendiri, ada kemudahan dalam menggunakan disqus, selain meletakkan / embed kode disqus langsung di salah satu halaman.


Di file konfirgurasi config.toml masukkan disqust shortname kamu

disqusShortname: NamaShortcusDisqusmu


Dan tinggal menambahkan kode ini, di halaman yang kamu mau

{{ template "_internal/disqus.html" . }}


Mengenal internal template di Hugo


Implementasi disqus di atas, adalah bagian dari internal template di Hugo , ada banyak template lain untuk menyambungkan Hugo dengan 3rd party yang lain.


Alur internal template normalnya

  1. memasang informasinya di file config.toml
  2. meletakkan kodenya di bagian yang membutuhkan


Cara memasang Google Analytics di Hugo


Seperti, Google analytics

config nya

googleAnalytics: UA-123-45

Render

{{ template "_internal/google_analytics.html" . }}


Atau hal-hal yang berhubungan dengan meta data website kita ketika dishare di sosial media agar terlihat lebih menarik, seperti


Cara memasang Open Graph Facebook di Hugo


Hugo akan mendeteksi title dan deskripsi konten tersebut dengan

{{ template "_internal/opengraph.html" . }}


Cara memasang Twitter Card di Hugo

Sama dengan Open Graph Facebook, meta data akan dideteksi, tinggal memasang

{{ template "_internal/twitter_cards.html" . }}



hugo
avatar hilmanski

Ditulis oleh @hilmanski

"luaskan ilmu & luaskan manfaat"