Cara Membuat Website Hugo

Persiapan

Membuat website menggunakan Hugo wajib bisa menggunakan terminal. Bisa juga pelajari dan install chocolatey. Jika chocolatey sudah terinstall, buka terminal dalam mode administrator lalu ketik berikut

1

choco install hugo-extended

atau bagi pengguna linux bisa download di github.com/gohugo/hugo lalu download release dengan nama hugo_extended_0.104.3_linux-amd64.deb. Setelah didownload, masuk ke folder tempat download lalu perintahkan

1

sudo dpkg -i hugo_extended_0.104.3_linux-amd64.deb

Pastikan bahwa hugo telah terinstall

1

hugo version

Membuat Website Pertama

Misalkan website pertama kita adalah catatan, maka buat perintah

1

hugo new site catatan

Lalu akan muncul folder catatan, masuk ke dalam folder tersebut lalu buat perintah untuk mengunduh tema, misal PaperMod

1
2

cd catatan
git clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth=1

Lalu buat konfigurasi awal dengan memasukkan tema di file config.yml atau config.toml. Baca pula perbedaan .yaml dan .toml isikan variabel

1

theme: "PaperMod"

Lalu buat 1 post baru dengan fungsi

1
2

hugo new post/postpertama.md
nano content/post/postpertama.md

Pastikan ubah draft : true menjadi draft : false. Lalu jalankan server Hugo

1
2
3
4
5

---
title: "Cara Membuat Website Hugo"
date: 2022-10-06T09:56:48+07:00
draft: false
---

Lalu jalankan server dengan

1

hugo server

Buka browser dan masukkan alamat http://localhost:1313 akan muncul website anda

Upload ke Github

Pastikan sudah memiliki akun github dan membuat 1 repositori. Misal repositori dengan nama catatan maka gunakan git untuk deploy

1
2
3
4
5

git add .
git commit -m "initial" 
git branch -M main 
git remote add origin https://github.com/arifsatuan/links.git
git push -u origin main

Membuat branch

Tahapan selanjutnya membuat branch khusus folder public (folder yang akan dipublish)

1
2
3
4
5
6
7

cd public 
git init
git add .
git commit -m "first upload pages"
git branch -m pages
git remote add origin https://github.com/<username>/<project>.git
git push -u origin pages