GitHub Pages dengan Jekyll

Menggunakan GitHub Pages dengan Jekyll adalah cara yang sangat populer dan efisien untuk membuat situs statis gratis, seperti blog atau portofolio. GitHub Pages bisa secara otomatis membangun situs Jekyll langsung dari repositori GitHub kamu — tanpa perlu server tambahan.

Berikut langkah-langkah instalasi dan setup GitHub Pages dengan Jekyll:

🔧 1. Persiapan Awal

✅ Yang dibutuhkan:

Akun GitHub
Git terinstal di komputermu
Ruby dan Jekyll (jika ingin menjalankan lokal)

🏗️ 2. Buat Repositori GitHub

Buka https://github.com
Klik “New repository”
Beri nama repositori sesuai format:
- username.github.io → ini penting jika ingin domain utama (tanpa subpath)
Centang “Add a README” dan klik “Create repository”

🚀 3. Tambahkan Tema Jekyll

Cara paling mudah adalah menggunakan tema dari Jekyll langsung:

Di repositorimu, klik Settings > Pages
Pilih “GitHub Actions” atau “Deploy from branch”
Klik tab Code, lalu buat file _config.yml

Contoh isi _config.yml:

yamlSalinEdittitle: My Jekyll Site
theme: minima

minima adalah tema default Jekyll yang cocok untuk pemula.

🖥️ 4. (Opsional) Jalankan Secara Lokal

Kalau kamu ingin mengedit dan melihat hasilnya sebelum di-push ke GitHub:

a. Instal Ruby dan Bundler

Untuk Mac/Linux: biasanya Ruby sudah terinstal
Untuk Windows: gunakan RubyInstaller

b. Instal Jekyll

bashSalinEditgem install bundler jekyll

c. Buat proyek lokal

bashSalinEditjekyll new my-site
cd my-site
bundle install
bundle exec jekyll serve

Setelah itu, buka browser ke http://localhost:4000

⬆️ 5. Push ke GitHub

Jika kamu membangun lokal, kirim hasilnya ke GitHub:

bashSalinEditgit init
git add .
git commit -m "Initial Jekyll site"
git remote add origin https://github.com/username/username.github.io.git
git push -u origin main

🌐 6. Akses Situsmu

Setelah push selesai, GitHub Pages akan otomatis membangun situs. Akses lewat:

arduinoSalinEdithttps://username.github.io

Biasanya aktif dalam 1–2 menit.

🔄 Tips Tambahan

Tambahkan file .nojekyll jika kamu tidak ingin GitHub menganggap folder _ (seperti _site) sebagai aset Jekyll.
Bisa pakai GitHub Actions untuk workflow build otomatis jika kamu memakai plugin Jekyll tambahan.
Untuk tema-tema cantik: https://jekyllthemes.io

Kalau kamu mau, aku bisa bantu buatkan struktur awal repositorinya atau template config.yml sesuai kebutuhanmu (blog pribadi, portofolio, dokumentasi, dll). Mau dibantu?