Softonic

Markdown ke Slide

Langkah 1 / 3
Berikutnya

Susun presentasi seperti Anda menulis README: gunakan judul Markdown, daftar berbutir, dan blok kode, dipisahkan menjadi slide dengan garis horizontal ---. Alat ini menampilkan presentasi Anda secara langsung menggunakan Reveal.js (tema: hitam, putih, sederhana, solarized), mendukung catatan pembicara dengan Note:, slide vertikal bersarang dengan --, serta dapat diekspor ke file HTML mandiri atau PDF yang siap dicetak.

Bagaimana Markdown berubah menjadi rangkaian slide

  1. 1

    Tulis Markdown

    Gunakan `---` untuk memisahkan slide. Judul, daftar, dan blok kode standar berfungsi seperti biasa.

  2. 2

    Tambahkan catatan pembicara

    Awali paragraf dengan `Note:`: catatan ini hanya muncul dalam mode presenter.

  3. 3

    Pratinjau presentasi

    Pratinjau langsung menampilkan presentasi dengan navigasi menggunakan tombol panah.

  4. 4

    Pilih tema

    Hitam, putih, league, sky, sederhana, solarized: tema Reveal.js apa pun.

  5. 5

    Ekspor

    File HTML mandiri atau PDF melalui fitur cetak peramban.

Sintaks slide

# Slide pembuka

Teks subjudul di sini

---

## Slide kedua

- Butir satu
- Butir dua
- Butir tiga

Note: ini adalah catatan pembicara yang hanya terlihat dalam mode presenter.

---

## Slide kode

\`\`\`python
def hello(name):
    return f"Hi {name}"
\`\`\`
  • --- (tiga tanda hubung pada barisnya sendiri) memulai slide horizontal baru.
  • -- (dua tanda hubung) memulai slide vertikal di dalam kolom slide saat ini, tekan panah bawah untuk turun.
  • Note: di awal paragraf berubah menjadi catatan pembicara.

Navigasi keyboard

Tombol Aksi
Kanan / Spasi Slide berikutnya
Kiri Slide sebelumnya
Bawah / Atas Navigasi tumpukan vertikal
s Buka tampilan pembicara
o Ringkasan slide
f Layar penuh
? Dialog bantuan

Trik tata letak

  • Tata letak dua kolom: gunakan HTML mentah di dalam slide, <div class="columns">...</div>.
  • Pemunculan fragmen: daftar berbutir muncul satu per satu dengan atribut {.fragment} saat menggunakan Reveal.js secara langsung. Tambahkan sebagai HTML mentah jika diperlukan.
  • Gambar latar belakang: atribut tingkat slide <!-- .slide: data-background="url" --> menetapkan latar belakang penuh layar.
  • Animasi otomatis antar slide: Reveal 4 mendukung transisi mulus untuk elemen yang cocok, aktifkan di pengaturan tema.

Ekspor ke PDF

Dari pratinjau langsung, buka ?print-pdf di URL peramban Anda dan gunakan dialog cetak peramban. Pilih A4 lanskap, aktifkan grafik latar belakang, dan atur margin seminimal mungkin. Reveal.js menghasilkan satu slide per halaman, dengan catatan pembicara pada halaman tambahan opsional.

Kapan slide berbasis Markdown menonjol

  • Presentasi teknis dengan banyak contoh kode.
  • Deck yang mengutamakan konten, di mana tata letak bersifat sekunder.
  • Dokumen sebagai slide, simpan presentasi di samping file README proyek dalam Git.
  • Materi pelatihan yang terkontrol versinya.

Kapan kurang cocok

  • Keynote yang berat pada desain dengan penempatan gambar yang presisi.
  • Slide yang membutuhkan animasi kompleks atau pengaturan waktu video tersemat.
  • Deck yang diatur merek, di mana templat menentukan setiap detail.

Pertanyaan yang Sering Diajukan

Ya, sintaks gambar Markdown biasa dapat digunakan. Gunakan URL absolut atau unggah gambar terlebih dahulu agar dapat diakses dari HTML yang diekspor.

Ya, secara opsional. Mode cetak Reveal mendukung fitur “catatan sebagai halaman terpisah”, setiap slide dibagi menjadi dua halaman PDF, satu untuk slide dan satu lagi untuk catatannya.

Tidak. Proses render dilakukan secara lokal di peramban Anda; sumber Markdown dan file HTML hasil ekspor tidak pernah keluar dari perangkat Anda.

Ya. Tambahkan blok <style> di bagian atas Markdown Anda atau tautkan lembar gaya eksternal melalui pengaturan tema; blok tersebut disisipkan ke dalam keluaran Reveal.js.

HTML yang diekspor merupakan file mandiri yang dapat dijalankan di host statis mana pun, seperti GitHub Pages, Netlify, atau S3. Cukup unggah HTML tersebut, dan selesai.

Alat Terkait

Referensi Tabel ASCII

Tabel ASCII lengkap dari 0 sampai 127 dengan desimal, heksadesimal, oktal, biner, dan referensi karakter numerik HTML untuk setiap karakter, termasuk kode kontrol seperti NUL, LF, dan DEL.

Referensi Karakter HTML

Daftar entitas HTML yang dapat dicari, beserta kode bernama dan kode numeriknya, serta fitur salin dengan satu klik untuk karakter khusus dan simbol.

Referensi pintasan papan ketik

Cari pintasan bawaan terdokumentasi untuk VS Code, Chrome, dan Bash dengan GNU Readline di macOS, Windows, dan Linux.

Generator EditorConfig

Buat file .editorconfig dengan gaya dan ukuran indentasi, akhir baris, charset, dan aturan spasi Anda untuk format yang konsisten di berbagai IDE dan editor.

Validator Email

Validasi alamat email: pemeriksaan sintaks RFC 5322, pengecekan live record MX, serta detail bagian lokal, domain, dan panjang. Tidak ada email yang dikirim.

Pemformat HTML

Format HTML secara lokal di browser dengan inden dua atau empat spasi. HTML tidak diunggah atau divalidasi.

Alat ini tersedia dalam bahasa lain