Saya adalah seorang blogger, dalam aktivitas menulis artikel, saya selalu mengutamakan isi tulisannya. Tapi, saya juga tidak bisa mengabaikan tampilan dari artikel yang saya tulis. Karena, tampilan artikel juga sangat penting untuk menarik perhatian pembaca.
Ada banyak tools yang pernah saya coba, mulai dari Wordpress, Blogger, Ghost, dan lainnya. Tapi, saya tidak pernah merasa nyaman dengan tools tersebut. Karena, saya merasa terlalu banyak fitur yang tidak saya gunakan. Akhirnya, saya memutuskan untuk membuat blog sendiri dengan menggunakan NextJS dan Markdown.
Markdown adalah bahasa markup ringan yang dapat Anda gunakan untuk menambahkan elemen pemformatan ke dokumen teks biasa. Dibuat oleh John Gruber pada tahun 2004, Markdown sekarang menjadi salah satu bahasa markup paling populer di dunia.
Markdown dapat digunakan untuk berbagai hal, seperti menulis dokumen, posting blog, komentar, dan bahkan menulis buku.
Penggunaan Markdown sangat populer di kalangan pengembang perangkat lunak, penulis, blogger, dan lainnya yang ingin menulis dengan cepat dan mudah. Markdown juga digunakan di banyak platform populer, seperti GitHub, GitLab, Stack Overflow, Reddit, dan lainnya.
Dalam aplikasi seperti Microsoft Word, Anda mengklik tombol untuk memformat kata dan frasa, dan perubahan akan segera terlihat. Markdown tidak seperti itu. Saat Anda membuat file berformat Markdown, Anda menambahkan sintaks Markdown ke teks untuk menunjukkan kata dan frasa mana yang akan terlihat berbeda.
Anda mungkin bertanya-tanya mengapa orang menggunakan Markdown daripada editor WYSIWYG. Mengapa menulis dengan Markdown ketika Anda dapat menekan tombol di antarmuka untuk memformat teks Anda? Ternyata, ada beberapa alasan berbeda mengapa orang menggunakan Markdown daripada editor WYSIWYG.
- Markdown dapat digunakan untuk semua hal. Bisa digunakan untuk membuat situs web, dokumen, catatan, buku, presentasi, pesan email, dan dokumentasi teknis.
- Markdown adalah platform independen. Anda dapat membuat teks berformat Markdown di perangkat apa pun yang menjalankan sistem operasi apa pun.
- Markdown ada di mana-mana. Situs web seperti Reddit dan GitHub mendukung Markdown, dan banyak aplikasi desktop dan berbasis web mendukungnya.
{{LINK:Kembali ke Table Of Content|#table-of-contents}}
Markdown bekerja dengan mengkonversi teks berformat Markdown menjadi HTML yang valid dan kemudian mengkonversi HTML tersebut ke dalam tampilan yang sesuai di browser web. Ini berarti bahwa Anda dapat menggunakan Markdown untuk membuat konten web yang dapat diakses oleh semua orang, bahkan jika mereka tidak menggunakan Markdown.
Misalnya, Markdown akan mengubah teks berikut menjadi HTML yang valid:
Salah satu aspek yang paling membingungkan dalam menggunakan Markdown adalah hampir setiap aplikasi Markdown menerapkan versi Markdown yang sedikit berbeda. Variasi Markdown ini umumnya disebut sebagai rasa atau "flavor". Tugas Anda adalah menguasai rasa Markdown apa pun yang telah diterapkan oleh aplikasi Anda.
Untuk memahami konsep rasa Markdown, mungkin akan membantu jika Anda memikirkannya sebagai dialek bahasa. Orang-orang di New York City berbicara bahasa Inggris sama seperti orang-orang di London, namun ada perbedaan substansial antara dialek yang digunakan di kedua kota tersebut.
{{LINK:Kembali ke Table Of Content|#table-of-contents}}
Hampir semua aplikasi Markdown mendukung sintaks dasar yang diuraikan dalam dokumen desain asli John Gruber. Dalam artikel ini saya akan membahas sintaks Markdown yang paling umum digunakan, serta beberapa variasi dari sintaks tersebut.
Alternatif sintaks
Beberapa aplikasi Markdown mendukung sintaks alternatif untuk membuat judul. Sintaks alternatif ini lebih mudah dibaca daripada sintaks standar, tetapi anda harus hati - hati dalam menggunakan alternatif syntax ini, karena tidak semua aplikasi Markdown mendukung syntaks tersebut.
Sebagai alternatif, pada baris di bawah teks, tambahkan sejumlah karakter == untuk judul tingkat 1 atau karakter -- untuk judul tingkat 2. Misalnya:
Praktik terbaik untuk judul
Aplikasi Markdown tidak sepakat tentang bagaimana menangani spasi yang hilang antara tanda pagar (#) dan nama heading. Untuk kompatibilitas, selalu masukkan spasi antara tanda pagar dan nama heading.
Anda juga harus memasukkan baris kosong sebelum dan sesudah heading untuk kompatibilitas.
Untuk membuat paragraf, gunakan baris kosong untuk memisahkan satu atau lebih baris teks. Jangan gunakan tanda baris miring atau tag HTML untuk memisahkan paragraf.
Output dari kode di atas adalah:
I really like using Markdown.
I think I'll use it to format all of my documents from now on.
Praktik terbaik untuk paragraf
Untuk kompatibilitas, selalu masukkan baris kosong sebelum dan sesudah paragraf.
Untuk membuat baris baru (tanpa paragraf), gunakan dua spasi di akhir baris.
Output dari kode di atas adalah:
This is the first line.
And this is the second line.
Praktik terbaik untuk baris baru
Untuk kompatibilitas, selalu masukkan dua spasi di akhir baris, biasanya mengacu pada "trailling whitespace" atau "whitespace di akhir baris".
Untuk membuat pemisah baris (<br>), akhiri baris dengan dua atau lebih spasi, lalu tekan enter.
Contoh Pemisah Baris
Anda bisa menambahkan penekanan dengan membuat teks menjadi tebal atau _miring_.
Tebal
Untuk menebalkan teks, tambahkan dua bintang atau garis bawah sebelum dan sesudah kata atau frasa. Untuk menebalkan bagian tengah kata untuk penekanan, tambahkan dua bintang tanpa spasi di sekitar huruf.
Miring
Untuk memiringkan teks, tambahkan satu bintang atau garis bawah sebelum dan sesudah kata atau frasa. Untuk memiringkan bagian tengah kata untuk penekanan, tambahkan satu bintang tanpa spasi di sekitar huruf.
Tebal dan Miring
Untuk menekankan teks dengan tebal dan miring sekaligus, tambahkan tiga bintang atau garis bawah sebelum dan sesudah kata atau frasa.
Untuk membuat blockquote, tambahkan > di depan paragraf.
Contoh Blockquote
Blockquote Bersarang
Anda dapat menambahkan blockquote bersarang (blockquote di dalam blockquote) dengan menambahkan tanda > tambahan, satu untuk setiap tingkat blockquote yang bersarang.
Contoh Blockquote Bersarang
Anda dapat mengatur item menjadi daftar terurut dan tak terurut.
Daftar Terurut
Untuk membuat daftar terurut, tambahkan item baris dengan angka diikuti oleh titik.
Daftar Tak Terurut
Untuk membuat daftar tak terurut, tambahkan tanda hubung (-), asterisk (\*), atau tanda tambah (+) di depan item baris.
Contoh Daftar dengan Indentasi
Daftar berikut menunjukkan cara membuat item daftar terurut dan tak terurut dengan indentasi menggunakan Markdown dan representasi HTML-nya.
Anda dapat menggunakan tag HTML dalam teks yang diformat Markdown. Ini berguna jika Anda lebih memilih tag HTML tertentu daripada sintaks Markdown. Misalnya, beberapa orang merasa lebih mudah menggunakan tag HTML untuk gambar. Menggunakan HTML juga membantu ketika Anda perlu mengubah atribut elemen, seperti menentukan warna teks atau mengubah lebar gambar.
Untuk menggunakan HTML, tempatkan tag dalam teks file yang diformat Markdown Anda.
Keluaran yang dihasilkan terlihat seperti ini:
Kata ini tebal. Kata ini <em>miring</em>.
Daftar tugas (juga disebut sebagai daftar periksa dan daftar todo) memungkinkan Anda untuk membuat daftar item dengan kotak centang. Dalam aplikasi Markdown yang mendukung daftar tugas, kotak centang akan ditampilkan di samping konten. Untuk membuat daftar tugas, tambahkan tanda hubung (-) dan kurung siku dengan spasi ([ ]) di depan item daftar tugas. Untuk memilih kotak centang, tambahkan x di antara kurung siku ([x]).
Keluaran yang dihasilkan terlihat seperti ini:
Untuk menambahkan gambar, tambahkan tanda seru (!), diikuti dengan teks alternatif di dalam kurung siku, dan URL atau path ke gambar di dalam kurung biasa. Anda juga dapat menambahkan judul gambar di dalam tanda kutip setelah URL/path.
{{LINK:Kembali ke Table Of Content|#table-of-contents}}
