Mengenal dan Menggunakan Plugins di Jekyll

24 Apr 2025

🔌 Mengenal dan Menggunakan Plugins di Jekyll

Jekyll mendukung penggunaan plugin untuk memperluas fungsionalitasnya. Dengan plugin, Anda bisa menambahkan fitur seperti tag khusus, filter Liquid tambahan, generator halaman otomatis, dan banyak lagi.

❓ Apa Itu Plugin Jekyll?

Plugin Jekyll adalah ekstensi Ruby yang berjalan selama proses build Jekyll. Plugin dapat digunakan untuk:

📦 Mengaktifkan Plugin

Agar plugin dapat digunakan, Anda harus mendaftarkannya di file _config.yml:

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

Jekyll akan membaca daftar ini dan memuat plugin saat proses build.

🔍 Cara Instalasi Plugin

Untuk menggunakan plugin eksternal (yang tersedia sebagai gem Ruby):

  1. Tambahkan plugin ke Gemfile proyek Anda:

    gem "jekyll-sitemap"
    gem "jekyll-feed"
    
  2. Instal plugin menggunakan Bundler:

    bundle install
    
  3. Pastikan plugin juga ditambahkan ke _config.yml seperti dijelaskan sebelumnya.

📌 Catatan: Pada GitHub Pages, hanya plugin tertentu yang diizinkan. Untuk daftar lengkap, kunjungi GitHub Pages Plugins.

⚙️ Plugin Populer yang Direkomendasikan

Plugin Fungsi
jekyll-sitemap Membuat sitemap.xml secara otomatis
jekyll-feed Membuat RSS feed secara otomatis
jekyll-seo-tag Menambahkan tag SEO ke setiap halaman
jekyll-paginate Menyediakan fitur pagination pada blog
jekyll-archives Menyediakan arsip berdasarkan kategori, tag, atau waktu

🔧 Membuat Plugin Kustom

Anda juga bisa membuat plugin sendiri:

  1. Buat folder _plugins/ di root proyek Anda

  2. Buat file Ruby (misalnya hello.rb) dengan isi seperti berikut:

    module Jekyll
      class HelloTag < Liquid::Tag
        def render(context)
          "Halo dari plugin Jekyll!"
        end
      end
    end
    
    Liquid::Template.register_tag('hello', Jekyll::HelloTag)
    
  3. Gunakan di Markdown atau HTML:

    hello 
    

🚫 Batasan di GitHub Pages

GitHub Pages membatasi penggunaan plugin eksternal. Jika Anda membutuhkan plugin kustom atau tambahan:

✅ Kesimpulan