Kamu ingin membuat sebuah website tapi malas untuk mendesign satu satu. Dari mulai menulis HTML CSS dan bahkan JavaScript (JS) yang paling ribet dan menyusahkan. Tapi ada sebuah alat bernama Hugo yang memungkinkan kita untuk membuat website entah itu blog atau portofolio dengan mudah, tanpa membuat satu satu HTML CSS dan JS-nya, hanya bermodalkan file Markdown (.md).

Gimana caranya ? lestgoo :D

Apa itu Hugo ?

Hugo adalah sebuah static site generator (SSG) yang dibuat dengan bahasa Go. Sebuah bahasa yang dikembangkan oleh Google yang mengutamakan efisiensi, kesederhanaan dan kemudahan penggunaan. Fungsi dari Hugo adalah untuk mengcompile file markdown (.md) menjadi static site, tanpa server database.

Web Statis ?

Web statis itu web yang kontennya ditampilkan alakadarnya (apa adanya), tanpa dipicu oleh interaksi pengguna. Web jenis statis biasanya cuman dibuat dengan HTML, CSS, JS, dan kawan kawannya, gak ada PHP (Hypertext Preprocessor) bukan yang satunya.

Dan sekarang kamu tahu apa itu web statis, Hugo cuman bisa bikin web statis jadi jangan ekspektasi yang berlebihan kayak “nanti didalamnya ada Database dsb.”.

Instalasiii

Windows

Untuk menginstall Hugo di Windows, kamu bisa menggunakan salah satu dari 3 package manager yang tersedia di Windows.

  1. Chocolatey
  2. Scoop
  3. Atau Winget

Chocolatey

choco install hugo-extended

Scoop

scoop install hugo-extended

Winget

winget install Hugo.Hugo.Extended

Pilihan lain, yaitu build dari source atau prebuild binaries bisa kamu lihat sendiri di panduan resmi Hugo.

Linux

Linux punya buaanyak distro, disini saya akan menjelaskan instalasi dari 3 distro yang umum yang yang paling sering dipakai.

Debian

sudo apt install hugo

Arch Linux

sudo pacman -S hugo

Fedora

sudo dnf install hugo

Jika kamu memakai selain 3 distro diatas, kamu bisa mengikuti panduan dari situs web resmi dari Hugo.

Mulai membuat web statismu sendiri :D

Untuk demo saja, ada beberapa langkah yang harus kamu ikuti untuk membuat sebuah web statis yang Masterpiece

  1. Buat site hugomu dulu wak.
hugo new site namaproject
  1. Pergi ke folder situsmu, dan inisialisasi gitmu
cd namaproject && git init
  1. Install theme, ada banyak sekali theme yang disediakan oleh Hugo. Dalam tutorial ini saya akan menggunakan PaperMod.
git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/papermod

Jangan lupa tambahkan ini di config.toml

themes = "papermod" (sesuai nama thememu)
  1. Tambahkan konten sak karepmu :D

Buat folder ‘content/posts’
Terus buat file.md

hugo new posts/'namakonten'.md
  1. Buat lalu Djalankan
hugo && hugo server

Penutup

Dann… Yap… kamu sudah membuat sebuah mahakarya dengan Hugo. Aku harap blog ini bermanfaat, dan matur tenkyu :D