Berikut adalah materi pembelajaran “Mengenal dan Menggunakan Plugins di Jekyll” dalam format Markdown, cocok untuk dokumentasi atau bahan belajar.
🔌 Mengenal dan Menggunakan Plugins di Jekyll
📘 Apa itu Plugin di Jekyll?
Plugin di Jekyll adalah ekstensi yang memungkinkan kita untuk menambahkan fitur tambahan di luar kemampuan dasar Jekyll. Plugin dapat digunakan untuk:
- Membuat tag atau filter kustom
- Menambahkan generator halaman otomatis
- Mengubah proses build
- Menyisipkan data dinamis
⚙️ Mengaktifkan Plugin di Jekyll
1. Tambahkan plugin ke dalam file _config.yml
:
plugins:
- jekyll-seo-tag
- jekyll-sitemap
⚠️ Gunakan
plugins:
(bukangems:
) untuk Jekyll versi 3.5 ke atas.
2. Install plugin via bundler
Pastikan plugin juga ditambahkan di Gemfile
:
group :jekyll_plugins do
gem "jekyll-seo-tag"
gem "jekyll-sitemap"
end
Lalu jalankan:
bundle install
🔎 Contoh Plugin Populer di Jekyll
Plugin | Kegunaan |
---|---|
jekyll-seo-tag |
Otomatis menambahkan tag SEO |
jekyll-sitemap |
Membuat file sitemap.xml |
jekyll-feed |
Membuat RSS feed untuk blog |
jekyll-paginate |
Menambahkan fitur pagination |
jekyll-archives |
Mengatur arsip berdasarkan tag/kategori |
🛠️ Menggunakan Plugin di Template
Contoh penggunaan jekyll-feed
akan otomatis menambahkan /feed.xml
.
👨💻 Membuat Plugin Sendiri
Contoh Plugin Filter Kustom (_plugins/reverse_filter.rb
):
module Jekyll
module ReverseFilter
def reverse(input)
input.reverse
end
end
end
Liquid::Template.register_filter(Jekyll::ReverseFilter)
Penggunaan di template:
Hello World
📦 Hosting di GitHub Pages
GitHub Pages tidak mendukung semua plugin secara langsung.
Untuk menggunakan plugin kustom atau plugin tidak didukung GitHub Pages:
- Gunakan Jekyll secara lokal
- Deploy ke GitHub sebagai static site (hasil build), misalnya dengan GitHub Actions atau Netlify.
🔗 Referensi
Jika kamu ingin, aku juga bisa bantu membuat contoh proyek Jekyll kecil yang menggunakan plugin-plugin tersebut.