Riyan Firmansyah

Melihat beberapa halaman web milik orang lain, saya sering menemukan halaman colophon yang menjelaskan teknologi dan alat yang digunakan untuk membangun situs tersebut. Saya pikir menarik juga kalau saya buat halaman yang sama untuk blog ini, jadi pembaca bisa tau teknologi yang digunakan untuk blog ini.

Apa itu Colophon?

Menurut yang saya baca dari artikel di situs IndieWeb colophon1 adalah halaman yang menjelaskan teknologi, alat, dan alur kerja yang digunakan untuk membangun sebuah situs. Halaman ini mendeskripsikan bagaimana blog ini dibuat dan dijalankan.

Teknologi yang Digunakan

Domain

Domain utama blog ini ruz.fi saya beli dari Derp Dot Hosting dengan Cloudflare sebagai DNS manajemen saya. Saya memilih Derp Dot Hosting karena mereka menawarkan domain dengan harga yang cukup terjangkau dan proses pendaftarannya yang mudah.

Blog Engine

Blog ini dibangun menggunakan Hugo, sebuah static site generator yang sangat cepat berbasis bahasa Go. Hugo mengonversi file Markdown menjadi HTML statis sehingga tidak memerlukan database atau backend khusus.

Tampilan blog ini menggunakan tema hugo-bearneo milik Rokcso, sebuah tema minimalis yang terinspirasi dari Bear Blog dimana hugo-bearneo sendiri merupakan pengembangan dari Hugo Bear Blog. Karena penulis asli Hugo Bear Blog memilih untuk menjaga konsistensi dengan konsep originalnya Bear Blog, rokcso memilih membuat versi terpisah yang lebih ekstensibel dan kaya fitur yang kemudian menjadi hugo-bearneo. Tema ini saya modifikasi kembali dengan beberapa penyesuaian seperti dukungan dark/light/blue mode dan beberapa kustomisasi visual.

Hosting

Blog ini di-hosting secara gratis menggunakan GitHub Pages. Setiap kali ada perubahan yang di-push ke repositori, situs akan diperbarui secara otomatis menggunakan github actions.

Sedikit tambahan pada github actions saya juga menggunakan tcardgen, sebuah tool CLI yang membantu generate Open graph image (gambar pratinjau saat tautan dibagikan atau singkatnya thumbnail) berdasarkan metadata dari artikelnya.

Text Editor

Saya menggunakan Visual Studio Code sebagai text editor utama saya saat ini.