· 2 menit baca
Cara Menulis Artikel di Blog Ini
- #panduan
- #mdx
Setiap artikel di blog ini adalah satu file .mdx di folder content/. Nama file menjadi alamat artikel: file belajar-react.mdx akan tampil di /blog/belajar-react.
Membuat artikel baru
- Buat file baru di folder
content/, misalnyabelajar-react.mdx. Pakai huruf kecil dan tanda hubung, tanpa spasi. - Salin blok informasi artikel di bawah ini ke baris paling atas file.
- Tulis isi artikel di bawahnya.
- Simpan, lalu lihat hasilnya di
http://localhost:3000(jalankannpm run devdulu).
---
title: "Judul Artikel"
date: "2026-11-02"
excerpt: "Ringkasan satu kalimat untuk ditampilkan di beranda."
tags: ["contoh", "belajar"]
---
Format teks
| Kamu tulis | Hasilnya |
|---|---|
**tebal** | tebal |
*miring* | miring |
~~coret~~ | |
`kode` | kode |
[tautan](https://nextjs.org) | tautan |
Judul bagian
Pakai ## untuk judul bagian dan ### untuk sub-bagian. Judul # tidak perlu dipakai, karena judul artikel sudah diambil dari title.
Contoh sub-bagian
Seperti ini tampilan sub-bagian.
Daftar
- Daftar tanpa urutan memakai tanda
- - Satu butir satu baris
- Daftar berurutan memakai angka
- Seperti ini
Kutipan
Kutipan ditulis dengan tanda
>di awal baris.
Blok kode
Untuk kode beberapa baris, apit dengan tiga backtick dan sebutkan bahasanya:
function sapa(nama: string) {
return `Halo, ${nama}!`;
}
Gambar
Foto disimpan di Cloudflare R2. Upload dulu fotonya ke bucket, misalnya ke folder belajar-react/, lalu tulis alamatnya tanpa garis miring di depan:
Teks di dalam [ ] adalah deskripsi foto untuk pembaca layar dan mesin pencari, jadi isi dengan jelas. Kompres foto sebelum di-upload, 200–500 KB sudah cukup.
Gambar kecil seperti logo boleh disimpan di folder public/, lalu ditulis dengan garis miring di depan: /gambar/logo.png.
Hati-hati dengan { dan <
Di MDX, karakter { dan < punya arti khusus, yaitu untuk kode JavaScript dan komponen. Kalau ingin menulisnya sebagai teks biasa, apit dengan backtick, atau beri garis miring terbalik di depannya: \{ dan \<.