Sebelum kita memulai pada tahap pembuatan website dengan Hugo, Ada hal yang harus dipersiapkan terlebih dahulu.
Yuk siapin dulu ramuannya ah...- Install Hugo pada desktop/laptop
- Install Git (optional). Penting jika anda ingin menggunakan hosting gratis dari Github Pages atau Netlify.
- Text editor bisa menggunakan Notepad++, Sublime Text, atau Visual Studio Code.
Setelah persiapan selesai terpasang pada komputer Anda, Ikuti langkah-langkah berikut:
Buka aplikasi command prompt (klik-kanan pada tombol Windows > command prompt) atau Anda juga dapat membuka aplikasi tersebut dengan cara menekan tombol Windows + R > ketik cmd.exe > Enter. Jika Anda ingin menggunakan Git Bash, Anda cukup membuka aplikasinya secara manual saja.
- Anda perlu membuat folder baru yang dikhususkan untuk situs Hugo dengan perintah
$ mkdir situshugo
- Folder untuk situs hugo telah selesai, masuk ke folder tersebut dengan perintah
$ cd /situshugo
- Setelah berada di folder situshugo, Anda harus mendapati ujung direktori seperti ini:
$ C:\Users\namapc\situshugo
- Jika sudah sama, maka sekarang saatnya membuat situs hugo dengan perintah,
$ hugo new site judulsitus
- Sekarang Anda telah memiliki situs yang di generate oleh hugo, lalu masuk ke folder situs baru dengan perintah,
$ cd judulsitusSekarang Anda sedang berada pada direktori situs hugo yang siap untuk dibangun
- Install Themes
$ cd themes$ git clone https://github.com/spf13/hyde.git
Jadikan hyde sebagai template default dengan cara menulis
theme = "hyde" pada config.toml
- Buat postingan pertama,
$ hugo new post/welcome.mdUbah "true" menjadi "false" di bagian draft pada file welcome.md.
- Sekarang, jalankan local server
$ hugo serverLalu buka localhost:1313 pada browser Anda
Jika Anda ingin menggunakan theme lain, silahkan memilihnya di Themes Hugo.
Jalankan $ hugo build untuk menghasilkan situs static yang dapat di upload/push ke repository Github untuk dijadikan situs hugo yang di hosting dengan Github Pages.
Semoga bermanfaat, dan Wassalam.