Personal Web dengan Jekyll dan GitHub Page

14 Mar 2025 -

langkah-langkah membuat personal web dengan Jekyll dan publish diGitHub Page.

membuat file file apa saja yang dibutuhkan untuk membuat web, lalu file file tersebut saling terhubung, sehingga memudahkan untuk melakukan perubahan. jadi program tidak tertumpuk dalam 1 file.

Personal Web dengan Jekyll dan GitHub Page

Untuk membuat personal web dengan Jekyll dan publish diGitHub Page ikutil angkah-langkah berikut ini:

✒️Siapkan Alat dan Akun Buat akun di github.com

Install:
- Git: untuk versi kontrol
- Ruby & Jekyll: untuk membangun website statis
- Cek dengan perintah:
  - git --version
  - ruby -v
  - jekyll -v

✒️Buat Repository GitHub

Masuk ke GitHub
Klik New Repository
Nama repository harus username.github.io
Pilih Public, tambahkan README (opsional)

✒️Kustomisasi Website

isi index.html

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>Home</title>
   </head>
   <body>
       <h1>Hello World!</h1>
   </body>
</html>

Jalankan jekyll build untuk build web yang telah dibuat sehingga menhasilkan directory _site.

jekyll build
Atur title, description, dll di file _config.yml
Jika web telah berhasil dibuka, edit file Gemfile.lock dengan menambahkan platform linux pada bagian platform seperti pada gambar berikut.
PLATFORMS x86_64-linux
Tambah artikel di folder _posts/

✒️Jalankan Website Secara Lokal

jekyll serve
Buka browser: http://localhost:4000

✒️Upload ke GitHub

git add .
git commit -m "First commit"
git push

✒️Aktifkan GitHub Pages

Buka GitHub > Repositori > Settings
Masuk ke tab Pages
Pilih branch: main, folder: / (root)
Klik Save
Website akan tersedia dalam beberapa menit di:
- https://username.github.io

Selesai! 🎉 Kamu telah berhasil membuat dan menerbitkan personal website menggunakan Jekyll dan GitHub Pages.