Akhirnya Pindah ke Hugo

Updated 10 January 2024 by Heru - Tutorial

Liburan akhir tahun 2020 akhirnya memutuskan untuk pindah ke Hugo.

Hugo bukan tempat wisata atau tempat liburan di luar negeri ya, maklum kebawa nuansa liburan akhir tahun 😅.

Hugo adalah salah satu mesin pembuat website statis yang cukup populer dengan banyak fitur yang diberikannya untuk memudahkan kita membuat suatu website. Website Bootstrap adalah salah satu yang dibuat menggunakan Hugo. Jika kita klik kanan website bootstrap dan klik View page soucre, maka akan terlihat generator nya adalah Hugo.

Hugo ditulis dalam bahasa pemrograman Go / Golang, yaitu bahasa yang dibuat di Google pada tahun 2009.¹

Awalnya website Belajarisme menggunakan Blogspot, postingan blogspot pertama sejak 2016 namun jarang update konten, karena banyak faktor, malas menulis salah satunya 😢

Postingan Pertama https://t.co/ZEHKxqllHm

— Belajarisme (@belajarisme) July 10, 2016

Lalu di bulan Oktober 2020 akhirnya memutuskan untuk membeli domain untuk custom domain blogspot, niatnya agar bisa aktif nulis kembali dan semakin semangat nulis di blogspot karena sudah memakai domain sendiri. Tapi ternyataa ….. sama saja wkwkw 😅

Akhirnya di liburan akhir tahun 2020 saya mempelajari Hugo untuk membuat thema website ini dan menggunakan Bootstrap agar keliatan lebih keren tampilannya meskipun hanya website statis dan nantinya diharapkan bisa kembali aktif nulis artikel 😄.

Karena Hugo ini website statis, maka untuk menulis aritkel pun tidak butuh koneksi internet, berbeda ketika kita menulis artikel di blogspot atau wordpress yang membutuhkan koneksi internet.

Cukup menulis di text editor lalu kalau sudah selesai tinggal di upload/push ke github. Hanya butuh koneksi internet ketika upload/push saja, preview bisa dijalankan di localhost tanpa koneksi internet. Jadi tidak ada alasan lagi ya untuk tidak menulis artikel karena koneksi internet, semoga aja ya hehe. Tinggal mengatasi rasa malas dan konsisten untuk menulis 😄

Format penulisan untuk website statis biasanya menggunakan Markdown yang lebih simpel dari pada HTML. Kurang lebih seperti ini tampilannya :

Kenapa memilih Hugo, tidak memilih Github Pages atau static site generator lainnya ?

Sebelumnya saya mempunyai beberapa website menggunakan Github Pages, kemudian website tersebut saya deploy langsung di Github Pages dan custom domain dengan CNAME yang disediakan Github Page. Namun ada beberapa kekurangan yang saya temui, salah satunya yaitu masalah pagination untuk kategori dan tag di Github Pages.

Github Pages belum menyediakan plugin resmi untuk pagination kategori dan tag tersebut, meskipun ada plugin dari luar yang bisa mengakalinya.

Berbeda dengan Hugo yang sudah menyediakan pagination untuk post, kategori, maupun tag.

Berawal dari situ, akhirnya di liburan Desember 2020 belajar Hugo dan jadilah website ini. Dengan Hugo + Bootstrap maka jadilah website ini.

File website ini saya backup di Github untuk jaga-jaga karena di Firebase Hosting hanya menyimpan folder public hasil render hugo, dan itupun tidak dapat didownload filenya.

Lalu untuk deploy nya saya menggunakan Firebase Hosting dan custom domain disana. Sebenarnya bisa juga deploy menggunakan Netlify, namun saya ingin mencoba sesuatu yang baru dan ingin mencoba database NoSQL yang disediakan gratis di Firebase.

Liburan akhir tahun 2020 ala Covid-19 😷 malah bergaul dengan Hugo + Bootstrap + Github + Firebase Hosting 😅

Kendala-kendala dalam pembuatan thema ini lumayan banyak, apalagi saya sendiri belum begitu tahu banyak mengenai syntax Hugo. Namun jika kalian pernah membuat thema dengan jekyll bawaan dari Github Pages, kurang lebih sedikit ada persamaan.

Belum lagi dengan kendala di Bootstrap dan Firebase Hosting. Belajar dari dokumentasi resmi dan bertanya kepada google sedikit banyak memberikan jawaban, sisanya ekplorasi sendiri.

Mungkin masih banyak kekurangannya dari thema ini, tapi tidak apa yang penting sudah bisa untuk menulis konten/artikel.

Kekurangannya dari thema ini nanti diperbaiki sambil berjalannya waktu, seperti :

• Tampilan Night Mode yang belum bisa, padahal kalau file nya masih format html biasa bisa berjalan normal Night Mode nya, setelah saya sesuaikan dengan format hugo kenapa tidak bisa berjalan normal ya 😢 (Solved)
• Navbar yang ditampilan mobile nya belum bisa diklik (di html berjalan normal), padahal posisi script js nya sudah di coba di akhir body, di awal body bahkan di head (Solved)
• Halaman post by Author nya belum muncul, di localhost nya padahal sudah ok, kenapa pas di upload tidak muncul ya hhhmmm 😢 (Solved)

Mungkin ada yang terlewat, nanti saya akan cek and ricek kembali 😅

Halaman artikel yang hilang dari artikel sebelumnya (blogspot) juga nanti saya kembalikan satu persatu. Untuk sementara saya arahkan ke halaman ini dulu semua artikel blogspot nya.

Artikel mengenai Hugo pun nanti akan saya tulis.

Semoga dengan memakai thema ini semakin semangat menulis artikelnya.