Membikin halaman web pakai Hugo framework itu gampang banget, soalnya cepat dan jagoan dalam menghasilkan situs statis. Gak cuma efisien buat bikin halaman web, Hugo framework juga fleksibel buat diutak-atik sesuai selera. Nah, di sini kita bakal kasih tau langkah-langkahnya biar kamu bisa bikin sendiri.
Pertama-tama, kamu harus install Hugo dulu. Hugo bisa diinstal di macOS, Windows, dan Linux. Kamu bisa download Hugo dari Hugo Releases terus ikutin deh instruksi instalasinya buat sistem operasi kamu.
Abis install Hugo, kamu bisa bikin situs baru pake perintah Hugo:
hugo new site mysite
Perintah ini bakal bikin direktori baru namanya “mysite.”
Lanjut, tambahin tema ke situs kamu. Hugo punya banyak banget tema yang bisa kamu pilih di Themes Gallery. Buat nambahin tema, masuk ke folder situs kamu terus ketik:
git clone https://github.com/budparr/gohugo-theme-ananke.git themes/ananke
Ini bakal nambahin tema Ananke sebagai contoh.
Sekarang, tambahin tema ke konfigurasi situs. File konfigurasi situs bisa kamu temuin di direktori utama website kamu. Buka file config.toml terus tambahin baris theme = "ananke".
Udah siap nih buat nambahin konten ke situs kamu. Di Hugo, kamu nambahin konten dengan nambahin file Markdown di direktori content.
hugo new posts/my-first-post.md
Perintah di atas bakal bikin file markdown di dalam direktori post. Sekarang kamu bisa buka file markdown ini pake text editor apa aja terus mulai nulis konten kamu.
Kamu bisa mulai server Hugo dengan draft yang diaktifkan dengan ngetik hugo server -D. Ini bakal mulai server Hugo dan terus mantau perubahan di file kamu.
Sekarang, buka browser web terus masuk ke localhost:1313. Voila! Kamu harusnya liat postingan baru kamu di website kamu.
Inget ya, bikin halaman pake Hugo framework butuh latihan dan eksplorasi. Makin sering kamu pake Hugo, makin nyaman deh kamu sama fitur-fitur dan seluk-beluknya.
Dunia static site generation itu luas banget, dan Hugo adalah salah satu tools terbaik yang bisa kamu pake. Kecepatan, efisiensi, dan fleksibilitasnya bikin dia jadi pilihan utama buat developer yang pengen bikin website berkualitas tinggi.
Selamat ngoding!
Buat detail lebih lanjut, lihat Hugo Documentation.