Belajar Mengenal dan Menggunakan Plugins di jekyll

24 Apr 2025

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:


⚙️ Mengaktifkan Plugin di Jekyll

1. Tambahkan plugin ke dalam file _config.yml:

plugins:
  - jekyll-seo-tag
  - jekyll-sitemap

⚠️ Gunakan plugins: (bukan gems:) 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:


🔗 Referensi


Jika kamu ingin, aku juga bisa bantu membuat contoh proyek Jekyll kecil yang menggunakan plugin-plugin tersebut.