Berikut “all-in-one” contoh Markdown (MD) + GFM yang memuat hampir semua format umum. Cukup salin tempel file ini lalu render di editor/preview favoritmu.

Markdown All-Format Showcase

Teks paragraf biasa. Untuk line break pakai dua spasi di akhir baris␠␠

baris baru ini pakai soft break.

1) Heading

H1

H2

H3

H4

H5

H6

---

2) Emphasis & Inline

Teks miring, tebal, tebal miring, coret, garis bawah (HTML).

Kode inline printf("hello");, dan sorotan highlight (HTML).

Emoji (GFM): :sparkles: :tada: :warning:

Superscript (HTML): 2¹⁰ = 1024. Subscript (HTML): H₂O.

---

3) Kutipan

Ini blockquote.

Bisa nested juga.

• Dan memuat list di dalamnya.

---

4) Daftar (List)

Unordered

• Item 1

• Item 2

• Subitem 2.1

• Subitem 2.2

• Sub-subitem

Ordered

1. Langkah pertama

2. Langkah kedua

3. Sub-langkah

4. Sub-langkah

Task List (GFM)

• Selesai

• Belum

• Sub-tugas

---

5) Link & Gambar

Inline link: OpenAI.

Reference link: Cari Saya.

Autolink (GFM): https://example.com atau email hello@example.com.

Gambar inline:

Gambar referensi:

---

6) Kode & Highlight

Tiga backtick dengan bahasa untuk highlight:

# Shell

echo "Hello, world"

def fib(n: int) -> int:

a, b = 0, 1

for _ in range(n):

a, b = b, a + b

return a

print([fib(i) for i in range(10)])

{

"name": "example",

"version": "1.0.0"

}

Kode yang indent 4 spasi juga didukung:

function greet(name) {

return `Hello, ${name}`;

}

---

7) Tabel (GFM)

| Fitur | Status | Catatan |

| ----------- | ------ | --------------------- |

| Emphasis | ✅ | italic, bold |

| Tugas (GFM) | ✅ | - [ ] / - [x] |

| Footnote | ✅ | Lihat bagian Footnote |

Perataan kolom:

| Kiri | Tengah | Kanan |

| :------ | :----: | -----: |

| a | b | c |

| panjang | sedang | pendek |

---

8) Footnote (GFM)

Kalimat dengan catatan kaki.[^note1] Bisa lebih dari satu.[^note2]

[^note1]: Ini isi footnote pertama.

[^note2]: Ini footnote kedua.

---

9) Garis, Escape, & HTML

Garis horizontal:

---

Escaping: *ini bukan italic* karena di-escape.

HTML mentah:

---

10) Collapsible (HTML Details)

Klik untuk membuka detail

Konten tersembunyi bisa memuat Markdown, list, atau kode:

type Result<T> = { ok: true; value: T } | { ok: false; error: string };

---

11) Diagram (Mermaid) — jika didukung renderer

flowchart LR

A[Mulai] --> B{Keputusan?}

B -- Ya --> C[Tindakan 1]

B -- Tidak --> D[Tindakan 2]

C --> E[Akhir]

D --> E

---

12) Mention & Referensi Isu (GFM)

• Mention user: @octocat

• Referensi issue/PR: owner/repo#123 atau #456 (dalam repo yang sama)

---

13) Definisi (opsional, tidak semua renderer dukung)

Term

: Definisi dari term tersebut.

---

14) Checklist Dokumentasi

• Heading lengkap

• Emphasis & inline code

• Blockquote & list

• Link, gambar, referensi

• Code fences + bahasa

• Tabel & alignment

• Footnote

• Collapsible <details>

• Mermaid

• HTML inline

---

15) Tips Kompatibilitas

• CommonMark adalah dasar; GFM menambah fitur seperti tabel, task list, autolink, dan footnote.

• Beberapa fitur (Mermaid, <details>, HTML) bergantung pada renderer (GitHub, MkDocs, Docusaurus, dll).

• Untuk line break, ingat dua spasi di akhir baris atau pakai <br>.

Happy writing! ✍️

Kalau mau, aku bisa rapikan/ubah jadi template dokumenmu (README, changelog, dsb).