Panduan Mudah Instalasi Hugo Di Ubuntu 16.04 LTS

Minggu lalu kita telah membahas tentang salah satu staticgen yang cukup paling dikenal dan digunakan oleh para pemula yakni staticgen Jekyll.

Sekarang kita akan membahas salah satu staticgen lainnya yang bernama Hugo.

Apa itu Hugo ? Hugo adalah static site generator yang ditulis dengan bahasa Go (GoLang). Seperti halnya Jekyll, Hugo juga digunakan untuk pembuatan situs statis baik untuk personal web, portofolio, atau blog.

Hugo diklaim lebih cepat dalam proses generating nya dibandingkan dengan staticgen lainnya, dikarenakan Hugo ditulis dengan bahasa Go.

Tidak perlu banyak pembahasan tentang teori atau pengertian Hugo, Anda bisa membacanya sendiri dalam dokumentasi resminya.

Kali ini kita fokus ke instalasi Hugo nya saja.

Pertama-tama pastikan Anda sudah memasang Go, jika belum kita tidak akan bisa melakukan instalasi Hugo.

$ curl -O https://storage.googleapis.com/golang/go1.7.3.linux-amd64.tar.gz

Kemudian kita ekstrak.

$ tar xvzf go1.7.3.linux-amd64.tar.gz

Lalu kita pindahkan direktori go :

$ sudo mv go /usr/local
$ sudo chown -R root:root /usr/local/go

Kemudian kita set Path Go, agar dapat diakses secara langsung :

$ nano ~/.bashrc

Masukkan skrip ini di akhir berkas :

export GOPATH=$HOME/go 
export PATH=$PATH:/usr/local/go/bin:$GOPATH/bin

Jika sudah, jangan lupa buat direktori Go di /home.

$ mkdir ~/go
$ source ~/.bashrc

Dan sekarang baru kita pasang Hugonya :

$ go get -u -v github.com/spf13/hugo

Jika sudah selesai Anda berhasil memasang Hugo, sekarang kita akan coba buat situs sederhana menggunakan Hugo.

Pertama-tama buat situs Anda misalnya bernama linuxku :

$ hugo new site linuxku

Lalu kita buat postingan pertama.

$ cd linuxku
$ hugo new post/selamat-datang.md

Sebelum memulai secara default Hugo tidak menyertakan tema, jadi hanya web polosan tanpa adanya tema.

Jika Anda ingin mencari tema silahkan klik tautan di bawah ini :

http://themes.gohugo.io/

Jika Anda menginginkan memasang semua tema, bisa lakukan perintah berikut :

$ git clone --depth 1 --recursive https://github.com/spf13/hugoThemes.git themes

Dalam contoh di tutorial ini, penulis mengambil tema bernama hugo-theme-bootstrap4-blog, berikut cara pemasangannya :

$ git clone https://github.com/alanorth/hugo-theme-bootstrap4-blog.git themes/hugo-theme-bootstrap4-blog

Lalu kemudian kita sunting config.toml :

$ nano config.toml

Anda isikan seperti berikut :

languageCode = "en-us"
title = "Linuxku - Seluruh Catatan Tentang GNU/Linux"
theme = "hugo-theme-bootstrap4-blog"
baseurl = "http://linuxku.com/"

Kemudian ubah draf menjadi false dari postingan :

$nano content/post/selamat-datang.md
draft = false

Langkah terakhir instalasi Hugo, Anda bisa langsung menjalankan :

$ sudo hugo server --baseURL=http://linuxku.com/ --port=80 --appendPort=false --bind=192.168.2.10

Hasilnya seperti gambar di bawah ini :

Semoga bermanfaat 🙂

Yakin Ngga Mau Diskusi ?

Yuk diskusi cerdas. Gunakan nama asli agar komentar Anda disetujui.