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..

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" . }}