Variable Di Hugo

Disini kita akan berkenalan dengan variabel di hugo. Definisi, fungsi dan jenis-jenis variabel hugo.

Variabel atau dalam bahasa inggrisnya variable, adalah suatu nilai yang ditetapkan ke dalam sebuah label kata.

Kamu bisa menganggap variabel seperti sebuah wadah untuk menyimpan informasi atau data.

Informasi yang disimpan dapat bermacam-macam, tergantung bagaimana kamu menetapkan nilainya.

Di hugo, kita sudah diberikan beberapa jenis variabel default (dari hugo) yang dapat kita manfaatkan untuk mempermudah membangun situs hugo.

Selain menggunakan variabel bawaan hugo. Kita juga dapat membuat variabel dengan nilai kustom (sesuai kebutuhan kita).

Terdapat beberapa jenis variabel di hugo. Variabel-variabel tersebut di pisahkan menurut fungsi yang sudah ditetapkan.

Jenis-jenis variabel hugo

Berikut ini adalah beberapa jenis variabel hugo:

1. Site Variable
2. Page Variable
3. Shortcodes Variable
4. Taxonomy Variable
5. File Variable
6. Menu Variable
7. Git Variable
8. Sitemap Variable

Karena Front Matter Variable sudah saya bahas sebelumnya. Jadi, saya tidak akan menjelaskan ulang. Lihat disini untuk variabel front matter.

Cara menggunakan variable hugo

Sebelum saya bahas setiap jenis dari variabel hugo. Sebaiknya, kamu perlu tau cara menggunakan variabel hugo.

Memanggil variabel bawaan hugo

Kita dapat menggunakan variabel di file.html. Umumnya, variabel hugo lebih sering di gunakan di file.html dibawah folder layouts.

Gunakan format seperti ini, untuk menggunakan variabel hugo.

1{{ .NamaVariabel }}

Sebagai contoh, salin dan tempel kode dibawah ini ke file single.html.

Kode ini digunakan untuk memanggil judul dari halaman saat ini.

1{{ .Title }}

Buka artikel atau postingan yang sudah pernah kamu buat dan kamu akan melihat hasilnya.

Kalau kurang jelas, kamu bisa menambahkan tag html sesuai dengan kebutuhan.

1<h1>{{ .Title }}</h1>

Membuat dan menggunakan variabel kustom

Selain menggunakan variabel yang sudah disediakan hugo. Kita juga dapat membuat variabel dengan data atau isi sesuai apa yang kita mau.

Kita perlu menggunakan dua kurung kurawal di depan dan di belakang dan membuat variabael kustom di dalamnya.

Untuk membuat sebuah variabel kustom, gunakan tanda $ sebelum menuliskan nama variabelnya.

Sebagai contoh:

1{{ $variable1 := nilai dari variable }}

Kamu dapat menentukan nilai pada variabel yang kamu buat. Sesuaikan dengan kebutuhanmu.

Kesimpulan

Terdapat banyak sekali jenis dari variabel hugo yang dapat kita gunakan. Namun kamu tidak perlu bingung dan pusing memikirkan semua variabel-variabel tersebut.

Karena, mengetahui minimal hanya 2 jenis variabel, yaitu site variable dan page variable sudah cukup untuk membuat sebuah situs hugo.