Berikut cara menampilkan postingan (artikel) ke halaman index GitHub Pages, supaya muncul di beranda (index) situs kamu.

Ada 3 cara, tergantung apakah kamu memakai Jekyll tema Minima, tema lain, atau manual HTML.

✔ 1. Jika Kamu Menggunakan Jekyll Blog (misalnya tema Minima)

index.md atau index.html milik tema Jekyll biasanya otomatis menampilkan daftar postingan dari folder _posts/.

Langkah-langkah:

1️⃣ Buat postingan di folder _posts/

Format wajib:

_posts/2025-01-10-nama-artikel.md

Contoh isi:

---
layout: post
title: "Cara Menampilkan Postingan di Index GitHub"
date: 2025-01-10
---

Isi artikel kamu di sini.

2️⃣ Index otomatis menampilkan postingan

Jika kamu menggunakan tema Minima, halaman index sudah memiliki kode built-in:

<ul>
  {% for post in site.posts %}
    <li>
      <a href="{{ post.url }}">{{ post.title }}</a>
    </li>
  {% endfor %}
</ul>

Sehingga semua postingan tampil otomatis di beranda.

✔ 2. Jika Index Kamu Kosong / Tidak Menampilkan Postingan

Jika index.md atau index.html kamu tidak menampilkan postingan, tambahkan kode ini:

index.md

---
layout: default
title: Beranda
---

<h1>Postingan Terbaru</h1>

<ul>
  {% for post in site.posts %}
    <li>
      <a href="{{ post.url }}">{{ post.title }}</a> – {{ post.date | date: "%d %b %Y" }}
    </li>
  {% endfor %}
</ul>

Atau versi HTML:

<h1>Postingan Terbaru</h1>
<ul>
  {% for post in site.posts %}
    <li>
      <a href="{{ post.url }}">{{ post.title }}</a>
    </li>
  {% endfor %}
</ul>

Setelah commit, GitHub Pages akan rebuild dan postingan muncul di index.

✔ 3. Jika Kamu Tidak Mau Pakai Jekyll, Pakai HTML Manual

Kalau GitHub Pages tanpa Jekyll, maka kamu harus mengedit index.html secara manual.

Contoh:

index.html

<h1>Postingan Saya</h1>

<ul>
  <li><a href="artikel1.html">Artikel 1</a></li>
  <li><a href="artikel2.html">Artikel 2</a></li>
  <li><a href="artikel3.html">Artikel 3</a></li>
</ul>

📌 Kesimpulan Cepat

Kamu Pakai	Cara Posting Muncul di Index
Jekyll Minima	Otomatis, cukup taruh di _posts/
Jekyll Tema Lain	Tambah kode Liquid {% for post in site.posts %}
Tanpa Jekyll	Edit index.html manual

🔧 Perlu Dibuatkan Index?

Cukup bilang:
➡️ “Buatkan index yang menampilkan postingan untuk tema saya”
atau
➡️ “Ini repo saya, buatkan index-nya”

Nanti saya buatkan file-nya dalam bentuk HTML siap upload.