๐ Panduan Lengkap Plugin di Jekyll
24 Apr 2025
Plugin adalah salah satu kekuatan terbesar Jekyll. Dengan plugin, kamu bisa menambahkan fitur seperti sitemap otomatis, SEO tag, pagination, bahkan membuat plugin kustom sendiri.
โ Apa Itu Plugin Jekyll?
Plugin Jekyll adalah ekstensi Ruby yang berjalan saat proses build. Fungsinya antara lain:
- ๐ง Menambah tag dan filter Liquid
- ๐ Membuat konten otomatis (seperti
sitemap.xml
) - ๐ Mengoptimalkan performa dan SEO situs
- ๐ Integrasi layanan eksternal (RSS, analytics, dll)
โ๏ธ Cara Mengaktifkan Plugin
Tambahkan nama plugin ke dalam file _config.yml
seperti berikut:
```yml plugins:
- jekyll-sitemap
- jekyll-feed
- jekyll-seo-tag
๐ก Pastikan plugin yang ditambahkan sudah di-install di proyek (lihat langkah berikut).
๐ฆ Cara Instal Plugin
- Tambahkan ke Gemfile ruby Copy Edit gem โjekyll-sitemapโ gem โjekyll-feedโ gem โjekyll-seo-tagโ
- Jalankan instalasi dengan Bundler bash Copy Edit bundle install
- Tambahkan juga ke _config.yml (jika belum) ๐ Catatan: Jika menggunakan GitHub Pages, hanya plugin tertentu yang diizinkan. Lihat daftar plugin resmi GitHub Pages.
๐ Plugin Jekyll Populer Plugin Fungsi jekyll-sitemap Membuat file sitemap.xml otomatis jekyll-feed Membuat RSS feed dari postingan jekyll-seo-tag Menambahkan meta tag SEO ke halaman dan postingan jekyll-paginate Menyediakan fitur pagination (halaman blog terbagi) jekyll-archives Menyediakan arsip berdasarkan kategori, tag, atau tanggal
๐ง Membuat Plugin Kustom Kamu bisa membuat plugin sendiri untuk kebutuhan unik.
Langkah: Buat folder: _plugins/
Buat file Ruby di dalamnya, contoh hello.rb:
ruby Copy Edit module Jekyll class HelloTag < Liquid::Tag def render(context) โHalo dari plugin Jekyll!โ end end end
Liquid::Template.register_tag(โhelloโ, Jekyll::HelloTag) Gunakan dalam post:
liquid Copy Edit { Hello %}
๐ซ Plugin & GitHub Pages GitHub Pages membatasi plugin karena alasan keamanan.
Solusi jika plugin tidak didukung: โ Build situs secara lokal, lalu push hasil _site/ ke GitHub
๐ Gunakan GitHub Actions untuk build otomatis
โ๏ธ Deploy ke layanan lain seperti Netlify, Vercel, atau Cloudflare Pages
โ Kesimpulan Plugin Jekyll membuat situs lebih dinamis, fleksibel, dan powerful
Tambahkan plugin ke Gemfile dan _config.yml
Bisa bikin plugin sendiri untuk kebutuhan khusus
Hati-hati dengan batasan GitHub Pages: build lokal atau deploy ke layanan lain