Menginstall Hugo di Ubuntu 16.04

Admin_yo   11:53 PM   Go, Golang, Hugo, StaticGen, StaticSite, SysAdmin, ubuntu 16.04   Comment  

Minggu lalu kita telah membahas tentang salah satu staticgen yang cukup paling dikenal dan digunakan oleh para pemula staticgen yakni 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 generatingnya dibandingkan dengan staticgen lainnya, dikarenakan Hugo ditulis dengan bahasa Go.
Tidak perlu banyak pembahasa tentang teori atau pengertian Hugo, Anda bisa membacanya sendiri dalam dokumentasi resminya, kita fokus ke pemasangan Hugonya saja.

Pertama-tama pastikan Anda sudah memasang Go, jika belum kita tidak akan bisa menggunakan 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

Masukan 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, Anda bisa langsung menjalankan seperti berikut:

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

Hasilnya seperti gambar di bawah ini:

Semoga bermanfaat :)