Deploy Hugo

4 Oktober 2021

Tiga tahun lalu saya membahas tentang Hugo - Hermit sampai pada bahasan markdown. Lalu saya lanjutkan dengan git sebatas pada pengenalan.

Kali ini kita akan mencoba untuk mendeploynya. Alih-alih menggunakan theme Hermit, saya akan menggunakan theme lain, yaitu Bookworm, karena lebih cocok untuk blog.

Mari mulai dengan membuka aplikasi Git Bash anda. Pastikan Anda telah menginstal Git di Komputer anda.

Dalam bahasan ini saya menggunakan:

  1. OS Windows 10 Pro version 20H2
  2. Git version 2.29.2

Buat Site Baru dan Install Theme Bookworm

Site Baru

Anda bebas menggunakan nama apa saja untuk site baru anda, tetapi dalam pembahasan ini kita akan menggunakan nama Bookworm (sesuai dengan nama theme yang akan kita gunakan).

hugo new site bookworm

Masuk ke dalam folder bookworm:

cd bookworm

Install Theme Bookworm

Ada dua cara untuk melakukan instalasi, yaitu clone atau download manual. Anda bisa memilih salah satu yang lebih mudah bagi anda (rekomendasi untuk anda adalah opsi mendownload langsung daripada menggunakan perintah clone):

Clone

Bila kita menginstal menggunakan clone, pastikan lokasi kita berada di root folder atau berada dalam folder bookworm, lalu ketik:

git clone https://github.com/gethugothemes/bookworm-light.git themes/bookworm-light

Download

Cara ini mengharuskan kita pergi ke repositori gethugothemes/bookworm-light, klik pada Code lalu pilih Download ZIP.

Download theme bookworm

Ekstrak file zip, salin semua isinya, lalu pergi ke bookworm/theme. Buat folder baru, beri nama bookworm-light. Pastekan semua file yang dicopy dari bookworm-light-master ke dalam bookworm-light.

Replace Konten

Pergi ke bookworm/themes/bookworm-light/exampleSite, salin semua isinya lalu pergi ke bookworm (root), paste untuk mereplace sehingga kita akan dengan cepat mendapatkan konten dan konfigurasi theme Bookworm. Kita akan mengubah kontennya atau menambahkannya setelah berhasil kita deploy.

Jalankan di Local

Untuk melihat hasilnya, pergi ke folder bookworm lalu jalankan perintah berikut:

hugo server

Buka web browser, ketik: localhost:1313/bookworm-light

Hasilnya akan tampil sebagai berikut.

Download theme bookworm

Yea, berhasil, selanjutnya kita akan menyimpannya ke dalam berkas git.

Simpan dalam berkas Git

Pertama-tama, kita lakukan inisiasi git, menambahkannya ke dalam staging, dan memberinya pesan komit.

Kembali ke Git Bash, pastikan anda berada di dalam folder bookworm. Ketik perintah berikut:

git init
git add .
git commit -m "first commit"

Terakhirnya kita akan menge-push-nya ke repositori GitHub. Untuk itu kita perlu akun GitHub. Bila anda sudah memilikinya silahkan ke langkah berikutnya, yaitu Membuat Repositori di GitHub. Bagi yang belum memiliki akun GitHub, anda perlu Mendaftar Akun GitHub terlebih dahulu pada bahasan selanjutnya.