20 Feb 2025 -
Penjelasan tentang instalasi ruby dan jekyll
ruby -v
Jika Ruby sudah terpasang, maka akan muncul versi Ruby. Jika belum, ikuti langkah berikutnya.
gem -v
gcc -v
g++ -v
make -v
Jika belum terpasang, install terlebih dahulu dengan MinGW (untuk Windows) atau gunakan package manager seperti apt
(untuk Linux).
</p>
gem install jekyll bundler
git --version
username.github.io
Contoh: Jika username GitHub kamu faiza
, maka repository-nya adalah:
faiza.github.io
Buka terminal atau Command Prompt, lalu jalankan:
git clone https://github.com/
username/username.github.io.git
(Ganti username
dengan username GitHub kamu)
Masuk ke folder repository:
cd username.github.io
Inisialisasi Jekyll:
bundle init
Perintah ini akan membuat file Gemfile
di dalam folder proyek.
Gemfile
Buka file Gemfile
di VSCode, lalu tambahkan kode berikut:
source "https://rubygems.org"
gem "jekyll"
Lalu jalankan perintah:
bundle install
index.html
Buat file baru bernama index.html
di dalam folder proyek, lalu isi dengan kode berikut:
<!DOCTYPE html>
<html>
<head>
<title>My Jekyll Site</title>
</head>
<body>
<h1>Welcome to My Jekyll Site!</h1>
<p>This is a sample site created with
Jekyll and GitHub Pages.</p>
</body>
</html>
Jalankan perintah berikut untuk build website:
jekyll build
Untuk menjalankan server Jekyll:
jekyll serve
Cek di browser:
http://localhost:4000
💡 Tips: Jika ingin hasil perubahan otomatis terlihat di browser, jalankan dengan:
jekyll serve --livereload
Gemfile.lock
untuk Platform LinuxBuka file Gemfile.lock
, lalu tambahkan platform linux pada bagian PLATFORMS
:
PLATFORMS
ruby
x86_64-linux
Setelah berhasil dijalankan secara lokal, upload ke GitHub dengan perintah:
git add .
git commit -m "Initial commit"
git push origin main
.github/workflows
.jekyll.yml
di dalam folder tersebut, lalu tambahkan kode berikut:on: push: branches: - main
jobs: build-deploy: runs-on: ubuntu-latest steps: - name: Checkout repository uses: actions/checkout@v2
- name: Setup Ruby
uses: ruby/setup-ruby@v1
with:
ruby-version: '2.7'
- name: Install dependencies
run: bundle install
- name: Build site
run: JEKYLL_ENV=production bundle exec
jekyll build
- name: Deploy to GitHub Pages
uses: peaceiris/actions-gh-pages@v3
with:
github_token: $
publish_dir: ./_site ```
git add .
git commit -m "Add GitHub Actions for
Jekyll deployment"
git push origin main
Sekarang website kamu bisa diakses di:
https://username.github.io
(Ganti username
dengan username GitHub kamu)
💡 Troubleshooting:
jekyll serve --host 0.0.0.0 --port 4001
main
di pengaturan repository.