Cara install hugo di Windows (2021)
Ilustrasi

Cara install hugo di Windows (2021)

Sepertiga website dunia ditenagai mesin CMS WordPress, namun 1% website dunia sudah migrasi ke mesin SSG Hugo. Ternyata banyak pemula masih bingung bagaimana cara install Hugo di Windows?

Karena sudah terbiasa dengan cara starter mesin WordPress auto engine dalam paket hosting, untuk menghidupkan server Hugo memang sedikit membingungkan, terutama buat user sekedar mencoba rasa SSG Hugo.

Di laman dokumentasi Hugo, sudah ada juknis (petunjuk teknis) cara install Hugo di berbagai operating system.

Harus di akui memang, technical users guide installing Hugo di laman dokumentasi Gohugo.io kurang ramah untuk pemula, apalagi yang baru hijrah ke SSG Hugo.

Untuk menjawab pertanyaan kawan-kawan yang selalu bertanya, bagaimana cara menginstall Hugo di Windows.

InsertApps mencoba memberi petunjuk teknis alternatif step by step install Hugo terbaru di Windows 7, lengkap dengan screenshoot.

Untuk install Hugo di Windows 10 pada dasarnya sama saja, tidak ada yang berbeda.

Step 1. Download binary Hugo

Perlu diketahui, mesin SSG Hugo sudah di compile menjadi sebuah aplikasi dalam format hugo.exe untuk lingkungan Windows. Unix binaries untuk keluarga besar Linux berserta tujuh turunannya bahkan sepupunya, si macOS.

Walaupun sudah menjadi program .exe dan siap menggenerate konten website, source code Hugo yang ditulis dengan bahasa Go juga tersedia secara open source.

Kalian tertarik untuk berpartisipasi mengembangkan Hugo, pastikan diri kalian jago bahasa Go. 😎

Untuk mendownload Hugo versi terbaru, silahkan buka tautan berikut ini: https://github.com/gohugoio/hugo/releases

Pilihan download Hugo untuk Windows 64 bit
Pilihan download Hugo untuk Windows 64 bit

Silahkan pilih file installasi Hugo sesuai dengan operating system kalian. Seperti dalam topik tutorial ini, InsertApps pilih mesin Hugo versi Windows 64 bit.

Step 2. Extract file Hugo

Sesuai instruksi dari dokumentasi Hugo, file executable Hugo ditempatkan ke sebuah folder khusus, di drive C:\Hugo.

Oya, penempatan app hugo.exe tidak musti dan wajib dalam drive C:\, ya! Kalian boleh meletakkan dimana saja sesuka hati, misal di drive D:\Hugo.

Atau kalau mau terlihat rebel dan tergokil, bisa tempatkan file binary Hugo.exe ke dalam flashdisk. Kapan perlu live server untuk update post, tinggal colok flashdisk. 👽

Untuk tutorial Install Hugo kali ini, sesuai juknis dokumentasi Gohugo.io saja. Extrak file hasil download ke dalam direktori baru Hugo\bin local disk C:\Hugo\bin.

Paket install Hugo di dalam file .zip.
Paket install Hugo di dalam file .zip.

Sebelumnya, create dulu direktori baru dengan nama Hugo.

Install Hugo. Create new folder 'Hugo'
Install Hugo. Create new folder 'Hugo'

Didalam direktori baru Hugo, create satu subfolder lagi dengan nama bin.

Install Hugo, create subfolder 'bin'.
Install Hugo, create subfolder 'bin'.

Nah, di dalam subfolder bin inilah semua paket file instalasi Hugo disimpan.

Hasil akhir step dua, file instalasi Hugo yang sudah di-extract tampak seperti gambar dibawah ini:

Proses install Hugo sudah siap.
Proses install Hugo sudah siap.

Step 3. Hugo siap dijalankan

Hingga step ke 2 penempatan file binari Hugo ke dalam folder yang kalian suka, Hugo sudah siap pakai.

Untuk melakukan testing berhasil tidaknya proses instalasi Hugo, lakukan pengetesan Hugo seperti cara berikut:

Pertama: buka jendela Command Prompt Windows, atau jendela Terminal di lingkungan Unix Cs, (Linux dan macOS).

Kedua: melalui command prompt, masuk ke dalam direktori C:\Hugo\bin.

Ketiga: setelah command prompt berada dalam direktori binary Hugo, ketik perintah hugo version.

Testing Hugo Version di Windows.
Testing Hugo Version di Windows.

Bila tidak error, Hugo akan merespon dengan menampilkan versi terakhir yang kalian install. Artinya, sistem Hugo kalian running.

Hugo Static Site Generator v0.80.0-792EF0F4 darwin/amd64 BuildDate: 2020-12-31T13:36:47Z –> respon Hugo version dari Terminal macOS.

Step 4. Setting lanjutan

Hingga step ke 3, proses instalasi Hugo sudah siap pakai juga ready untuk create website baru. Namun proses istallasi tersebut belum begitu sempurna.

Coba deh posisi direktori command prompt di arahkan ke direktori lain atau restart jendela Command Prompt.

Kemudian ketik lagi perintah hugo version, maka akan mengalami error ‘hugo’ is not recognized as an internal or external command, operable program or batch file. 😱

Hugo is not recognized as an internal or external command
Hugo is not recognized as an internal or external command

Error ini disebabkan perintah yang diberikan ke system Hugo tidak tepat sasaran seperti dalam direktori file binary instalasi Hugo C:\Hugo\bin, melainkan salah alamat, sehingga Windows gagal mengeksekusinya.

Bagaimana cara mengatasinya?

Gampang, tinggal laporkan saja path instalasi Hugo C:\Hugo\bin ke Windows path environment variable. 😏

Setting Hugo windows path environment variable
Setting Hugo windows path environment variable

📕 Analoginya seperti ini: Keluarga baru pak Hugo baru saja pindah ke komplek perumahan Windows, sesuai prosedur, setiap ada warga baru yang masuk komplek, harus lapor dulu ke Pak RT Windows path environment variable. Setelah laporan masuk dan lokasi serta nomor rumahnya sudah terdaftar sebagai penduduk setempat, maka setiap ada hajatan komplek, keluarga pak Hugo siap dipanggil kapanpun dimanapun ia berada.

Berikut cara cepat mengakses Windows path environment variable:

Quick access Windows path environment variable
Quick access Windows path environment variable

Bila Add New path variable di kolom User Variable for ... tidak membuahkan hasil, maka cukup edit path variable di kolom System Variables, pada bagian akhir cukup tambah C:\Hugo\bin; lalu oke.

📕 Note: pastikan path directory instalasi Hugo sesuai dengan penempatan yang ada di komputer kalian. Bila ditempatkan dalam flashdisk, path drive flashdisk sesuai lokasi yang terbaca oleh sistem Windows. 👌

Add new or edit path 'System Variables' environment
Add new or edit path 'System Variables' environment

Step 5. Instalasi Hugo sudah paripurna

Dengan mendaftarkan path directory instalasi Hugo ke Windows path environment variable, maka user bebas menyimpan data website Hugo di drive mana saja, bahkan di dalam flashdisk sekalipun bisa update new post.

Hal ini tidak berlaku untuk server PHP, source code data web wajib berada dalam directory htdoc, diluar folder tersebut script tidak running. 😜

Step 6. Cara Update Hugo

Cukup mudah bukan proses instalasi Hugo di OS Windows? 😊

Bagaimana kalau ada update terbaru Hugo? Sebelumnya sudah ada posting tentang Cara upgrade system hugo.

Cara update Hugo versi terbaru sama saja prosesnya seperti petunjuk step 1-2. Malah lebih simpel lagi, cuku download Hugo versi terbaru, extract dengan cara mereplace file binary Hugo versi lama dengan hugo.exe versi baru.

Kemudian jalankan perintah checking hugo version.

Selesai… 🔥


Ada pertanyaan seputar Hugo, yuk bahas lebih lanjut di grup Telegram: https://t.me/InsertApps

Comment

comments powered by Disqus