Tutorial markdown bahasa Indoensia. Versi resmi how-to markdown (berbahasa inggris) dapat dibaca disini atau disini.
Penulis menggunakan sistem operasi windows 8.1. Sistem operasi lain bisa menyesuaikan dengan penjelasan dibawah.
Markdown adalah satu bahasa yang diciptakan untuk mempermudah pembuatan dan pembacaan kode HTML. Markdown diciptakan dalam bahasa Perl. Format tulisan markdown sendiri adalah plain-text yang artinya kamu bisa membuat markdown dari text-editor biasa seperti notepad, sublime, emacs, vi, vi, dll. Lisensi markdown sendiri adalah opensource BSD.
Caranya mudah. Cukup install perl dan pasang library markdown.
- Pertama-tama komputer atau laptop kamu harus sudah terinstall perl, jika belum kamu bisa download dari sini.
- Jika sudah terinstall perl, kamu bisa mendownload library markdown dari sini.
- Buat file markdown. Jika kamu belum bisa membuat, kamu bisa menggunakan contoh file markdown disini
- Compile file markdown dengan perintah
perl Markdown.pl --html4tags file_kamu.md. Perintah tersebut akan menghasilkan output file html yang dapat kamu buka lewat browser.
Ada. Rekomendasi saya adalah dengan menggunakan Sublime Text 3. Dengan menggunakan ST3, kamu dapat menggunakan markdown dengan mudah.
- Buka Sublime Text 3. Jika belum download silahkan download dan install ST3 terlebih dahulu disini.
- Buka package manager dengan menggunakan perintah
ctrl+shift+p. Jika kamu belum memiliki package manager, install terlebih dahulu disini. - Pilih menu Install Package.
- Pilih plugin MarkdownEditing.
- Buka lagi package manager.
- Pilih Markdown Preview.
- Buat file markdown. Jika kamu belum bisa membuat, kamu bisa menggunakan contoh file markdown disini.
- Untuk melihat hasil markdown dalam bentuk file html, kamu membuka konsol perintah dengan
ctrl+shift+pkemudian kamu dapat memilih perintah Markdown Preview: Preview In Browser. - Browser akan terbuka untuk memperlihatkan hasil konversi markdown ke html.
Kamu dapat mempelajari syntax markdown. Bagian dibawah akan menjelaskan lebih lanjut tentang syntax markdown.
Membuat paragraf pada markdown sangat mudah. Cukup mengetikkan sesuatu maka apa yang kamu ketikkan akan otomatis dikonversi menjadi paragraf selama kamu belum mengetikkan enter. Jadi enter adalah tanda awal paragraf.
Heading, biasa juga disebut sebagai judul. Membuat judul cukup dilakukan dengan kode hash #. Contohnya untuk membuat <h1>Ini Judul Paragraf</h1> di markdown syntaxnya adalah # Ini Judul Paragraf. Kamu dapat menggunakan # dari satu sampai 6 yang menandakan level tag h yang akan kamu buat. Contohnya <h3>Ini Heading Level 3</h3> dapat dibuat dengan syntax markdown ### Ini Heading Level 3.
Efek bold dapat dibuat dengan menggunakan syntax **. Misal untuk membuat <b>Bold</b> digunakan syntax **Bold** pada markdown.
Bold
Efek italyc dapat dibuat dengan menggunakan syntax *. Misal untuk membuat <i>Italyc</i> digunakan syntax *Italyc* pada markdown.
Bold
Blockquote dapat dibuat dengan syntax >this is block quote yang akan menghasilkan <blockquote>this is block quote</blockquote>.
this is block quote
Ordered list atau daftar terurut adalah penomeran dari daftar item. Pembuatan <ol><li>1. List satu</li><li>2. List dua</li></ol> dapat dilakukan dengan sederhana mengetikkan spasi + nomer pada paragraf baru (harus mengetikkan enter terlebih dahulu). Contoh 1 List 1 akan menghasilkan
1 List Satu
Unorderet list atau daftar tak terurut dibuat dengan cara yang hampir sama dengan ordered list, namun jika ordered list menggunakan angka unordered list menggunakan *
- Satu
- Dua
- Tiga
Hyperlink pada markdown cukup singkat. Untuk membuat <a href='http://yourlink.com'>Your Link</a> cukup ketikkan syntax [Your Link](http://yourlink.com).
Horizontal rule pada markdown dapat dibuat dengan syntax --- lalu ketik enter. Syntax ini akan menghasilkan:
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent