๐Ÿ”Œ 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:


โš™๏ธ Cara Mengaktifkan Plugin

Tambahkan nama plugin ke dalam file _config.yml seperti berikut:

```yml plugins:

๐Ÿ’ก Pastikan plugin yang ditambahkan sudah di-install di proyek (lihat langkah berikut).

๐Ÿ“ฆ Cara Instal Plugin

  1. Tambahkan ke Gemfile ruby Copy Edit gem โ€œjekyll-sitemapโ€ gem โ€œjekyll-feedโ€ gem โ€œjekyll-seo-tagโ€
  2. Jalankan instalasi dengan Bundler bash Copy Edit bundle install
  3. 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