Perkenalan Github page & Jekyll

07 Mar 2025 -

Pertemuan 3

Pada praktikum ini, kami mempelajari cara membuat dan mengelola personal website menggunakan Jekyll serta mempublikasikannya melalui GitHub Pages. Adapun langkah-langkah utama dalam praktikum ini dimulai dengan membuat akun GitHub dan repository yang sesuai dengan format username.github.io, kemudian mengkloning repository tersebut ke komputer lokal.

Setelah repository berhasil dikloning, kami menginstal Jekyll beserta Bundler menggunakan perintah:

gem install jekyll bundler

Selanjutnya, kami menginisialisasi folder project dengan perintah:

bundle init

Setelah itu, file Gemfile yang dihasilkan diedit untuk menambahkan dependensi Jekyll. Kami juga membuat file HTML sederhana berisi tag <h1>Hello World!</h1> untuk pengujian awal. Setelah konfigurasi awal selesai, kami melakukan build project menggunakan:

jekyll build

Perintah tersebut menghasilkan direktori _site yang berisi file website statis. Untuk menjalankan dan menguji web secara lokal, digunakan perintah:

jekyll serve

Web kemudian dapat diakses melalui http://localhost:4000. Jika berjalan dengan baik, project kemudian dipush ke GitHub dengan perintah berikut:

git add .
git commit -m "pub: first publish"
git push
  

Terakhir, untuk memudahkan deploy otomatis, kami diarahkan membuat GitHub Actions sebagai bagian dari penerapan CI/CD.

Catatan: Selama pengembangan, disarankan menjalankan Jekyll dengan opsi --livereload agar setiap perubahan file langsung terlihat di browser. Jika terjadi konflik port, gunakan opsi --host dan --port untuk menyesuaikan alamat lokal.