Cara Gratis Membuat Website Content Management System (CMS) Dengan Github Page

Made Raditya Pujamurti - September 21, 2021

Di artikel sebelumnya saya ngasi saran untuk membuat website pribadi.

Bikin nya bisa pakai HTML, CSS dan Javascript. Terus host di Github Page supaya bisa di akses semua orang dengan gratis.

Salah satu hal yang bisa dibuat lebih bagus adalah content management.

Artinya artikel yang kta publikasikan bisa ditampilkan secara teratur. Misalnya hanya tampilkan 3 artikel terbaru dan sisanya bisa di explore di page lain.

Website kita akan jadi lebih rapi dan performanya akan lebih cepat.

Di artikel ini saya akan berbagi cara untuk bisa seperti itu dengan bantuan Jekyll.

Mengenal Jekyll

jekyll homepage

Jekyll termasuk dalam kategori site generator. Intinya, Jekyll akan bantu kita untuk merubah konten atau artikel yang kita buat jadi HTML, CSS dan Javascript yang kemudian bisa kita upload ke Github Page.

Jadi kita gak usah repot ngedit HTML dan CSS setiap kita mau bikin konten baru.

Selain itu Jekyll juga didesain untuk membuat blog. Pengaturan konten/artikel udah ada secara otomatis jadi kita gak perlu manual ngatur artikel mana yang tampil di atas, berdasarkan kategori dsb.

Blog ini juga dibuat dengan Jekyll dan pengaturan kontennya jadi sangat gampang.

Cara setup

Akun Github

Pertama kita perlu akun Github. Kita bisa tonton penjelasan tentang Github di channel keren Web Programming Unpas.

Di sana penjelasan nya sudah lengkap jadi saya tidak ulangi di sini.

Kita bisa install Jekyll dengan ngikutin dokumentasi tapi ada cara yang lebih gampang.

Jekyll Now

Jekyll Now adalah sebuah repository yang sangat berguna untuk bantu kita setup Jekyll dengan cepat.

Dengan Jekyll Now kita udah bisa bikin blog yang simpel tanpa perlu install Ruby, dll. Ngedit atau nambahin konten bisa langsung dari website Gitub.

Detail untuk cara setup Jekyll Now sudah lengkap dijelaskan di bagian README, yang secara garis besarnya:

  1. Fork repository ke akun Github masing-masing
  2. Ubah nama repository menjadi <username>.github.io
  3. Edit _config.yml dengan pengaturan sesuai kebutuhan
  4. Tunggu beberapa menit dan Github page akan muncul

Sangat ringkas dan cepat 🚀

Tapi kekurangannya adalah akan sangat sulit untuk ngubah desain website kita. Supaya website kita punya desain yang lebih custom, kita tetep perlu setup Jekyll di komputer kita.

Semoga bermanfaat!