Persiapan Lingkungan Kerja

December 17, 2024

Sebelum mulai membuat situs web dengan Hugo, kamu perlu mempersiapkan lingkungan kerja dengan menginstal Hugo, memverifikasi instalasinya, dan memahami perintah dasar Hugo. Berikut panduan lengkapnya.

Instalasi Hugo

Terdapat beberapa cara install hugo di berbagai sistem operasi seperti Linux, Windows dan MacOS. Namun disini saya hanya memberikan cara install hugo pada OS Linux turunan Debian/Ubuntu dan Windows saja karena saya hanya pernah menggunakan di kedua OS tersebut.

Untuk cara lainnya bisa lihat melalui dokumentasi resminya disini.

Cara Install Hugo di Windows

Download file binary Hugo di halaman Hugo Releases.
Pilih versi Extended agar mendukung SCSS/SASS.
Ekstrak file, lalu tambahkan folder hasil ekstraksi ke dalam PATH sistem.
Verifikasi Instalasi (penjelasan ada di bawah).

untuk meringkas tulisan mungkin cara teknis di atas kurang jelas bagi yang sangat awam, untuk itu jika kamu merasa cara diatas kurang jelas, silahkan baca cara yang cukup detail disini - Cara install Hugo di Windows.

Cara Install Hugo di Linux

Cara install Hugo di linux cukup mudah, bisa melalui Package Manager (khusus distro turunan Debian/Ubuntu). Buka terminal lalu masukan perintah berikut:

sudo apt-get install hugo

Verifikasi Instalasi Hugo

Setelah proses instalasi selesai, pastikan Hugo terinstal dengan benar. Jalankan perintah berikut di terminal atau cmd untuk windows:

hugo version

Jika instalasi berhasil, output yang muncul akan menampilkan versi Hugo yang terinstal, contohnya:

hugo v0.139.4-3afe91d4b1b069abbedd6a96ed755b1e12581dfe+extended windows/amd64 BuildDate=2024-12-09T17:45:23Z VendorInfo=gohugoio

Perintah Dasar Hugo yang Harus Diketahui

Berikut adalah beberapa perintah dasar Hugo yang sering digunakan:

Perintah	Fungsi	Contoh
`hugo new site`	Membuat proyek Hugo baru.	`hugo new site mysite`
`hugo new theme`	Membuat theme Hugo baru.	`hugo new theme mytheme`
`hugo server`	Menjalankan server lokal untuk melihat hasil proyek.	`hugo server`
`hugo new`	Membuat file konten baru (Markdown).	`hugo new posts/halo-dunia.md`
`hugo`	Membangun (build) situs untuk produksi.	`hugo`
`hugo version`	Menampilkan versi Hugo yang terinstal.	`hugo version`
`hugo help`	Menampilkan bantuan dan daftar perintah Hugo.	`hugo help`

Contoh Penggunaan Perintah Dasar

Membuat Proyek Baru
```
hugo new site blog-saya
```
Output: Folder blog-saya dengan struktur direktori Hugo akan dibuat.
Menambahkan Konten Baru
```
hugo new posts/artikel-pertama.md
```
Output: File Markdown baru akan dibuat di folder content/posts/.
Menjalankan Server Lokal
```
hugo server
```
Output: Situs akan tersedia di http://localhost:1313/. Perubahan konten akan langsung terlihat secara real-time.
Build Situs untuk Produksi
```
hugo
```
Output: Hugo akan menghasilkan file HTML statis di folder public/.

Kesimpulan

Dengan menyelesaikan instalasi Hugo, memverifikasi instalasinya, dan mempelajari perintah dasar, kamu sudah siap untuk mulai membangun situs statis menggunakan Hugo. Perintah seperti hugo new site, hugo server, dan hugo adalah dasar yang perlu kamu kuasai untuk pengembangan selanjutnya. 🚀

Sebelumnya

Pengenalan Hugo

Selanjutnya

Membuat Proyek Hugo Pertama