Dalam pekerjaan saya, saya sering harus menulis kode, menulis dokumentasi yang sesuai dengan kode itu, membuat halaman Web, dan mengerjakan proyek restorasi teks, dan telah menulis beberapa makalah formal ketika saya masih di sekolah. Saya juga bisa memasukkan catatan kelas di sini; Saya perlu menulisnya untuk hampir setiap kelas.
Saya menggunakan penurunan harga untuk hampir semua tulisan saya dan ini adalah penghemat waktu utama bagi saya.
Pada artikel ini, saya akan berbagi pengalaman saya dengan penurunan harga. Anda akan mempelajari hal berikut:
- Apa itu Penurunan Harga?
- Bagaimana cara kerjanya?
- Sintaks dasar penurunan harga dan cara menggunakannya
Apa itu Penurunan Harga?
Jika Anda baru mengenal Markdown, ini adalah alat konversi teks ke HTML untuk penulis web. File penurunan harga mengikuti sintaks tertentu yang mudah dibaca dan mudah ditulis. Mereka adalah file teks biasa sehingga dapat dibuat menggunakan editor teks apa pun di komputer mana pun. File-file ini kemudian dapat diubah menjadi halaman Web – dan halaman Web dibuat menggunakan markup yang disebut HTML.
Penurunan harga kemudian, hanyalah cara untuk membuat halaman Web tanpa perlu (atau bahkan tahu caranya) untuk menulis kode HTML. Sebenarnya, penurunan harga adalah cara yang bagus untuk memformat teks biasa bahkan jika Anda tidak perlu mengonversi ke HTML. Seseorang pernah menggambarkan penurunan harga kepada saya seperti ini:
“Bukan apa yang Anda lihat adalah apa yang Anda dapatkan , tapi apa yang Anda lihat adalah apa yang Anda maksud ”.
Namun, penurunan harga lebih dari sekadar skema pemformatan yang mudah, ini juga merupakan alat perangkat lunak yang mengubah pemformatan teks biasa menjadi HTML.
Inilah mengapa sintaks itu penting. Jika Anda menginginkan judul di halaman Web Anda, Markdown akan membuatnya berdasarkan karakter yang Anda gunakan di depan judul Anda. Contoh dari beberapa sintaks Markdown ditunjukkan pada tangkapan layar ini:
Jadi bagaimana cara membuat konversi teks biasa ke HTML ini?
Markdown John Gruber adalah skrip Perl yang dijalankan pada baris perintah. Pada dasarnya, ia membaca teks penurunan harga yang Anda buat dan membuat halaman Web darinya.
Saya akan menghindari baris perintah di sini karena ada banyak editor penurunan harga yang luar biasa yang dapat melakukan konversi ini untuk Anda. Tidak hanya itu, banyak dari editor ini akan membiarkan Anda menulis teks dan menunjukkan seperti apa halaman Web itu nantinya (disebut rendering ) secara bersamaan.
Editor penurunan harga umumnya diatur untuk menampilkan dua bingkai. Bingkai kiri adalah tempat Anda menulis teks dan bingkai kanan menunjukkan seperti apa teks yang diformat dalam HTML:
Ketika Anda selesai dengan teks Anda dan senang dengan itu, cukup simpan file penurunan harga. Dengan cara ini, Anda akan selalu memilikinya jika Anda perlu mengedit atau menulis ulang nanti. Setelah file disimpan, Anda dapat meminta editor mengekspor file penurunan harga ke HTML.
Editor akan membuat halaman Web, menggunakan penurunan harga Anda sebagai referensi. File penurunan harga Anda tidak akan diubah selama ekspor – Anda akan tetap memilikinya – bersama dengan file HTML (halaman Web) terpisah yang baru dibuat yang dapat Anda letakkan di server Web.
Catatan :Banyak editor Penurunan Harga juga dapat mengekspor file Penurunan Harga Anda ke format lain, seperti .doc , .docx , dan .pdf . Anda dapat mempelajari tentang penyiapan lanjutan tersebut, dan perangkat lunak tambahan yang mungkin Anda perlukan, nanti.
Sintaks Penurunan Harga Dasar
Untuk mempercepat pengguna Markdown baru, saya akan membatasi ini untuk mencakup sintaks yang paling sering saya gunakan. Ini, saya yakin akan menjadi yang paling membantu – Anda dapat menjadi produktif sekarang sambil mempelajari lebih lanjut tentang apa yang dapat dilakukan penurunan harga untuk Anda nanti.
Tulis Judul
Saya biasanya menggunakan # karakter untuk menunjukkan judul. Ada enam level:
# Level 1 Heading
## Level 2 Heading
### Level 3 Heading
#### Level 4 Heading
##### Level 5 Heading
###### Level 6 Heading
Ada gaya heading lain yang menggunakan garis di bawah teks. Saya jarang menggunakan heading jenis ini karena saya terbatas hanya dua. Garis ganda, yang dibuat dengan = karakter, membuat H1 menuju. Satu baris, dibuat dengan - karakter, membuat H2 judul:
Level 1 Heading
===============
Level 2 Heading
---------------
Paragraf
Paragraf dipisahkan oleh satu baris kosong (pastikan ada baris kosong di antara paragraf). Jangan membuat indentasi baris pertama sama sekali. Indentasi dengan <Tab> atau <spaces> memiliki tujuan yang berbeda dalam Markdown.
Paragraf adalah blok teks dan tidak boleh diindentasi dengan spasi atau tab. Itu dapat memiliki satu baris atau banyak baris. Untuk mengakhiri paragraf dan memulai paragraf baru, <Enter> kunci ditekan dua kali; paragraf dipisahkan oleh baris kosong.
Jeda Baris
Ingat bahwa dengan paragraf, baris kosong harus memisahkannya dan ini dilakukan dengan menekan dua kali pada tombol <Enter> kunci. Penurunan harga sangat ketat.
Penurunan harga tidak mendukung paragraf "hard-wrapped" atau "fixed-line-length". Yaitu, menekan tombol <Enter> kunci sekali tidak akan memaksa teks ke baris baru. Ini mungkin muncul di jendela pengeditan, tetapi HTML tidak akan menampilkannya.
Namun, akan ada saat-saat ketika Anda mungkin perlu memecah paragraf dengan beberapa cara untuk memecah baris. Penurunan harga memang memiliki cara untuk melakukan ini, tetapi mungkin tampak sedikit aneh pada awalnya:penghentian baris dibuat dengan mengakhiri baris dengan dua spasi atau lebih lalu menekan tombol <Enter> kunci sekali.
Berikut adalah contoh kerja dari sebuah ayat pendek. Setiap baris memiliki dua spasi di akhir. Baris terakhir, karena merupakan akhir dari bait, tidak memiliki spasi tambahan. Karena ini adalah akhir dari ayat (paragraf), saya menekan tombol <Enter> kunci dua kali:
Baa, baa domba hitam,
Apakah Anda punya wol?.
Ya pak. Ya pak.
Tiga kantong penuh.
Menambahkan dua spasi di akhir baris, untuk membuat jeda baris, perlu membiasakan diri.
Aturan Horizontal
Aturan horizontal bagus untuk membagi teks menjadi beberapa bagian.
Gunakan tiga atau lebih tanda pisah - , menggarisbawahi _ , atau tanda bintang * untuk aturan horizontal, seperti:
`---`
`***`
`___`Anda bahkan dapat memberi spasi di antara karakter:
`- - -`Saya tidak terlalu sering menggunakan aturan horizontal dalam artikel atau makalah, tetapi aturan tersebut berguna bagi saya dalam entri jurnal, log sistem, dan catatan kelas.
Penekanan pada teks dengan huruf tebal dan miring
Bila Anda ingin kata atau frasa menonjol dan diperhatikan, Anda dapat membuatnya tebal atau miring. Teks miring dan tebal dapat dibuat dengan salah satu dari dua cara. Yang pertama adalah dengan mengelilingi teks dengan tanda bintang * , sedangkan yang kedua adalah menggunakan garis bawah _ .
Untuk memiringkan kata atau frasa, kelilingi teks dengan satu garis bawah atau tanda bintang. Untuk membuat kata atau frasa menjadi tebal, apit dengan dua garis bawah atau tanda bintang:
This is *italics* made with asterisks.
This is _italics_ made with underscores.
This is **bold** made with asterisks.
This is __bold__ made with underscores.Ingatlah untuk menggunakan karakter yang sama. Tanda bintang di satu sisi kata atau frasa, dan garis bawah di samping, tidak akan berfungsi. Karakter yang sama harus berada di kedua sisi kata atau frasa.
Blokir kutipan
Kutipan blok digunakan untuk kutipan langsung. Jika Anda sedang menulis entri blog dan ingin mengulangi sesuatu yang dikatakan Benjamin Franklin, Anda dapat menggunakan kutipan blok.
Tanda kurung siku digunakan untuk menentukan kutipan blok:
> This is a block quote.
>> Use two right angle brackets if you want a block quote that is further indented.
Menambahkan link di Markdown
Tautan sangat keren. Ada tiga cara untuk membuat tautan pada penurunan harga dasar, tetapi saya hanya akan membahas dua di sini:Tautan reguler dan tautan otomatis.
Jenis tautan ketiga, yang disebut tautan referensi, didukung dalam penurunan harga dasar dan rasa yang lebih maju. Saya ingin memulai dengan cepat. Anda dapat mencari tautan referensi saat Anda siap untuk itu.
Tautan reguler memungkinkan Anda menautkan ke berbagai situs web. Nama situs, atau frasa yang ingin Anda gunakan, ditempatkan dalam tanda kurung siku [] . Tautan sebenarnya ada di dalam tanda kurung () .
Visit [It's FOSS](https://itsfoss.com) today!
Tautan otomatis dibuat dengan kurung sudut <> mengelilingi tautan. Tautan adalah alamat sebenarnya (baik Web atau alamat email). Tautan dieja dan, ketika dikonversi ke HTML, tautan yang dieja menjadi tautan yang berfungsi.
<http://automatic-link-to-url.com/>
<[email protected]>Ini berguna ketika Anda ingin mengeja alamat dalam teks Anda:
Menambahkan gambar dalam Penurunan Harga
Link ke gambar hampir identik dengan link ke situs Web. Perbedaan kecil antara tautan situs dan gambar, adalah bahwa tautan gambar dimulai dengan tanda seru (tanda seru) !
Nama gambar, atau frasa deskriptif gambar, ditempatkan dalam tanda kurung siku [] . Tautan sebenarnya ada di dalam tanda kurung () .
Anda dapat menyematkan gambar seperti ini:
Berikut ini contoh tautan gambar. Ini adalah contoh tautan, tanpa gambar, tetapi ini adalah contoh yang layak tentang tampilan tautan yang sebenarnya:
Daftar
Daftar dibuat karena berbagai alasan. Mereka dapat digunakan sebagai item 'hal yang harus dilakukan', elemen topik dalam garis besar, daftar bagian dalam proyek perakitan, dan sebagainya. Ada dua jenis daftar utama:tidak berurutan dan berurutan.
Daftar yang tidak berurutan tidak diberi nomor; ini adalah 'butir peluru' yang kita lihat di banyak dokumen. Daftar yang dipesan diberi nomor.
Untuk membuat daftar berurutan (bernomor), cukup awali setiap baris dengan nomor, seperti:
1. Item one.
2. Item two.
3. Item three.
Daftar yang tidak diurutkan tidak diberi nomor, tetapi gunakan tanda bintang * , tanda tambah + , atau tanda minus - di awal setiap item dalam daftar. Saya lebih suka menggunakan tanda asterisk atau minus, tapi Anda bisa memilih:
* Item one.
+ Item two.
- Item three.Sub-item dapat ditambahkan ke daftar terurut dan tidak berurutan dengan membuat indentasi, seperti:
1. Item 1
1. Sub-item 1
2. Sub-item 2
2. Item 2
3. Item 3
Lembar contekan sintaks penurunan harga
Untuk referensi Anda, berikut adalah daftar singkat sintaks Markdown yang telah dibahas dalam pengantar kecil ini.
Jika Anda memutuskan untuk mengadopsinya sebagai alat menulis, Anda akan menemukan bahwa Penurunan Harga memiliki sarana untuk lebih menyederhanakan penulisan.
Kesimpulan
Penurunan harga dapat melakukan lebih dari apa yang telah saya jelaskan di sini. Sebagian besar tulisan saya dapat diselesaikan dengan sintaks Markdown yang telah saya bahas di sini – dan ini adalah item yang paling sering saya gunakan bahkan dalam proyek yang lebih kompleks.
Jika semua ini tampak terlalu sederhana, itu benar-benar mudah. Penurunan harga dibuat hanya untuk tugas menulis, tetapi Anda tidak perlu mengambil kata-kata saya untuk itu. Cobalah! Tidak perlu menginstal editor penurunan harga; Anda dapat melakukan ini secara online. Ada beberapa editor penurunan harga online yang bagus. Berikut adalah tiga yang saya sukai:
Dingus John Gruber, Editor.md, dan Dillinger. Editor.md dan Dillinger akan membiarkan Anda melihat penurunan harga Anda dirender sebagai HTML secara real time. Dingus tidak melihat pratinjau secara real time, tetapi ada lembar contekan sintaks penurunan harga di halaman untuk referensi.
Cobalah beberapa contoh dalam artikel ini di salah satu editor online ini. Cobalah beberapa ide Anda sendiri juga. Ini akan membuat Anda terbiasa dengan Penurunan Harga sebelum berkomitmen untuk mempelajarinya lebih lanjut.
Dan jika Anda ingin mendukung It's FOSS, Anda dapat membeli panduan penurunan harga kami dalam format PDF dan EPUB. Ini mencakup apa yang baru saja Anda pelajari dengan sedikit lebih banyak penjelasan dan contoh.
Dapatkan Buku 'Menggunakan Makrdown' dan Dukung Ini FOSS