in FOSS

Cara Membuat Website dengan Hugo Static Site Generator

Hugo adalah static site generator yang dibangun menggunakan bahasa pemrograman Go (Golang). Maksudnya static site generator itu seperti apa? Cara kerjanya seperti ini, kita membuat konten website melalui text editor dalam format Markdown (.md). Hugo kemudian mengubah konten dalam format Markdown tadi menjadi HTML. Static site juga tidak membutuhkan database sehingga aksesnya bisa lebih cepat tanpa harus melakukan query konten di database.

Beberapa website besar yang menggunakan Hugo yaitu, Let’s Encrypt, Linode Docs, 1Password Support, StackImpact, dan Forestry.io.

0. Install Hugo di Ubuntu

Download installer Hugo di GitHub, mendukung berbagai sistem operasi seperti Windows, Linux, macOS, FreeBSD, OpenBSD, NetBSD, dan DragonFlyBSD. Sistem operasi di laptop saya menggunakan Ubuntu 18.04 64bit, jadi Hugo installer yang dibutuhkan adalah Hugo Linux 64bit.deb.

Install Hugo di distro Linux berbasis Ubuntu/Debian 64bit.

Uji hasil instalasi.

Install juga git.

1. Membuat Website Hugo

Langkah selanjutnya membuat website Hugo, di sini saya memberi nama ‘blog’. Hugo akan generate direktori bernama ‘blog’ dan berisi struktur dasar Hugo.

Cara Membuat Website dengan Hugo Static Site Generator di Ubuntu

Membuat website Hugo baru

Melihat isi direktori website Hugo.

Cara Membuat Website dengan Hugo Static Site Generator di Ubuntu

Isi direktori website Hugo

2. Install Theme

Selanjutnya install themes, di sini saya menggunakan themes Beautiful Hugo.

Cara Membuat Website dengan Hugo Static Site Generator di Ubuntu

Install theme

Ubah config.toml agar memakai theme yang sudah didownload.

Memasukkan konfigurasi theme = "beautifulhugo".

3. Membuat Postingan

Selanjutnya membuat postingan artikel.

Postingan yang digenerate berada di direktori content/post/judul-postingan.md.

Edit file postingan untuk mengisi konten, penulisannya menggunakan markdown syntax.

Isinya.

4. Menjalankan Development Server

Lalu jalankan hugo server untuk build website Hugo dan menjalankan server. CTRL + C untuk menghentikan server.

Cara Membuat Website dengan Hugo Static Site Generator di Ubuntu

Jalankan server

Browsing http://localhost:1313 untuk melihat hasilnya.

Cara Membuat Website dengan Hugo Static Site Generator di Ubuntu

Halaman depan

Cara Membuat Website dengan Hugo Static Site Generator di Ubuntu

Halaman postingan

Untuk tahap deploy ke GitLab Pages akan saya tulis terpisah di artikel berikutnya.

Selamat mencoba 🙂

Write a Comment

Comment