Cara Membuat Blog dengan Hugo: Tutorial Ngebuild Website Super Cepat

ngebuild.web.id

ngebuild.web.id - Cara Membuat Blog dengan Hugo: Jujur, dulu aku pikir bikin blog itu harus pakai database yang berat kayak wordpress , plugin yang bikin pusing, dan loading super lama yang bikin emosi. Sampai akhirnya aku ketemu sama Static Site Generator (SSG).

Kalau kamu mampir ke sini karena cari tutorial membuat blog dengan Hugo, kamu berada di jalur yang benar. Ini bukan cuma soal tren, tapi soal efisiensi.

Di artikel perdana Ngebuild.web.id ini, aku mau ngajak kamu buat berhenti jadi pengguna dan mulai jadi perakit. Kita bakal bangun blog dari nol, tanpa database, cuma modal terminal dan kopi.

Apa Itu Hugo?

Sebelum kita lanjut ngebuild, kenalan dulu sama barangnya.

Secara teknis, Hugo adalah framework open-source yang bisa digunakan untuk membuat website statis (Static Site Generator) yang ditulis menggunakan bahasa pemrograman Go (Golang) buatan Google.

Kenapa Harus Hugo?

Ibarat komputer, WordPress itu kayak Laptop dari Pabrik yang isinya penuh sama bloatware. Begitu dinyalain emang sih langsung bisa dipakai, tapi banyak aplikasi sampah yang jalan di background yang bikin sistem jadi berat dan lemot.

Sedangkan Hugo? Ini adalah PC Rakitan custom build. Kamu ngerakit PC sendiri.

• Speed: Kamu cuma masang komponen yang benar-benar dibutuhin. Hasilnya? Mesin tempur yang super ringan dan ngebut.
• Security: Karena ngga punya database, ngga ada celah SQL Injection. Hacker mau retas apanya kalau isinya cuma file HTML?
• Free: Hostingnya gratis (bisa pakai GitHub Pages, Netlify, Cloudflare atau Vercel), ga perlu sewa hosting mahal.

Udah siap kotor tangannya main-main di terminal? Gas, kita rakit blog super cepat pakai hugo.

Persiapan Membuat Blog

Sebelum mulai ngegas kode, pastiin di laptopmu (Windows/Linux/Mac) udah terinstall 3 barang inti ini:

1. Git: Buat version control (Wajib hukumnya).
2. Go (Golang): Karena Hugo dibuat pakai bahasa Golang.
3. VS Code: Atau text editor kesukaanmu, saranku mending pakai VS Code.

Buat Rangka Website

Buka terminal (CMD/PowerShell), arahin ke folder kerjamu, dan ketik command di bawah ini:

hugo new site ngebuild-blog
cd ngebuild-blog

Selamat, kamu baru aja naro batu pertama. Tapi kalau kamu jalanin sekarang, isinya kosong karena belum ada apa-apa.

Pasang Tema (The PaperMod)

Jangan bikin desain tema hugo dari nol kalau belum jago CSS dan HTML. Kita pakai tema favorit developer dunia PaperMod . Desainnya minimalis, fokus ke teks, dan kenceng.

Kita pasang pakai Git Submodule biar gampang update:

git init
git submodule add --depth=1 [https://github.com/adityatelange/hugo-PaperMod.git](https://github.com/adityatelange/hugo-PaperMod.git) themes/PaperMod

Konfigurasi Hugo (hugo.yaml)

Buka file hugo.yaml di VS Code. Ini adalah INTI atau otak dari blogmu nanti. Hapus semua isinya, ganti dengan konfigurasi dasar ini:

baseURL: "[https://ngebuild.web.id/](https://ngebuild.web.id/)"
languageCode: id-ID
title: Ngebuild
theme: PaperMod
params:
  description: Rancang. Rakit. Rilis.
  author: Langit Malaka
  defaultTheme: auto
  ShowCodeCopyButtons: true

Buat Artikel Pertama di Hugo

Sekarang saatnya nulis. Di Hugo, kita nulis pakai format Markdown (.md). Gak ada tombol-tombol formatting ribet kayak di Word dan ngga pakai Gutenberg yang kayak di Wordpress.

Ketik ini di terminal:

hugo new posts/halo-dunia.md

File baru bakal muncul di folder content/posts/. Buka file itu, dan perhatikan bagian atasnya Front Matter. Pastikan draft: false supaya artikelnya muncul pas website-nya kita deploy.

---
title: "Halo Dunia"
date: 2026-01-08
draft: false
---

Halo, ini adalah artikel pertamaku yang dibuat dengan Hugo!

Testing Hugo di Localhost

Kita belum upload blog ke internet (itu materi artikel selanjutnya). Kita tes dulu di workshop (localhost).

Ketik perintah ini buat jalanin hugo di localhost:

hugo server -D

Kalau sukses, terminal bakal bilang: Web Server is available at http://localhost:1313/. Buka link itu di browser.

Blog kamu udah jalan. Cepat dan ga perlu install XAMPP, ga perlu setup MySQL. Sekali ketik, langsung live.

Apa Selanjutnya?

Sekarang kamu udah punya blog hugo yang cepat tanpa database. Tapi ini baru bisa diakses di laptopmu. Di artikel berikutnya, aku bakal bahas tutorial Cara Deploy Hugo ke GitHub Pages, Netlify, Vercel, Cloudflare supaya blog kamu bisa diakses pakai domain.

Mulai sekarang, biasakan:

1. Nulis di Markdown.
2. Cek di Localhost.
3. Enjoy kecepatannya.

Selamat datang di dunia Static Site. Selamat Ngebuild!