Ingin mencoba static site generator selain Jekyll? Cobalah Hugo! Hari ini kita akan bahas cara install hugo di Linux.

Cara Install Hugo di Linux

Hugo tersedia di repositori distro Linux dan biasanya menggunakan nama paket “Hugo“. Selain repositori, pihak pengembang juga membuat docker image-nya.

sudo apt install hugo

sudo pacman -S hugo

sudo dnf install hugo

sudo zypper install hugo

sudo eopkg install hugo

docker pull klakegg/hugo

Tutorial Menggunakan Hugo di Linux

Jika anda sudah pernah menggunakan Jekyll, anda tidak akan kesulitan di Hugo. Cara kerja Hugo mirip dengan program static site generator lainnya.

Pertama kita jalankan perintah “hugo new site namaproyekkamu“.

$ hugo new site blogbaruCode language: JavaScript (javascript)

Kamu akan dapat informasi mengenai cara mengunduh tema, membuat konten baru, dan menjalankan servernya.

Folder baru telah dibuat yang berisi berkas Hugo berstruktur seperti di bawah. Kamu wajib tahu masing-masing sub-folder agar mampu menguasai Hugo.

➜  blogbaru tree
├── archetypes
│   └── default.md
├── assets
├── config.toml
├── content
├── data
├── layouts
├── public
├── static
└── themesCode language: PHP (php)

Tanpa tema, situs Hugo kita tidak akan berbentuk. Tugas baru kita adalah menentukan tema yang akan digunakan.

Github adalah tempat kumpulan tema Hugo. Kamu dapat mencari dengan kata kunci “Hugo Themes” dan mengkloning temanya di direktori “blogbaru/themes”. Misalnya saya memilih tema Archie.

Kita ubah posisi direktori ke direktori themes.

$ cd themes

Lakukan kloning tema yang diinginkan.

$ git clone https://github.com/athul/archieCode language: PHP (php)

Atur konfigurasi di berkas “config.toml” agar Hugo memuat tema yang kita gunakan.

Silahkan tulis menu sesuai keinginan. Di sini saya menggunakan konfigurasi standar karena hanya dibutuhkan di lokal saja.

baseURL = '/'
languageCode = 'en-us'
title = 'My New Hugo Site'
theme = "archie"Code language: JavaScript (javascript)

Blog tanpa konten adalah sia-sia. Yang wajib kamu lakukan adalah membuat konten. Mulailah menulis konten di Hugo dengan perintah “hugo new post/namapostingankamu.md“

$ hugo new post/postingan-pertama.mdCode language: JavaScript (javascript)

Hugo akan memberi lokasi berkas file. Berkas file dapat ditulis dengan teks editor.

Content "/home/alrd/blogbaru/content/post/postingan-pertama.md" createdCode language: JavaScript (javascript)

Hugo membutuhkan nilai title, data, dan draft untuk membuat postingan baru.

Kamu dapat menyontek struktur penulisan seperti gambar ini.

Jika kamu selesai mengatur tema lewat berkas config.toml dan menulis konten, saatnya menjalankan server blog.

Jalankan Hugo dengan perintah “hugo server“. Blog hugo dapat diakses di port 1311.

Ini adalah contoh blog saya yang dibuat dengan static site generator Hugo.