Markdown Cheatsheet
Ini adalah referensi singkat dalam menggunakan markdown.
Headers
| |
H1
H2
H3
H4
H5
H6
Secara alternatif, untuk H1 dan H2 dapat diganti dengan “underline” (- untuk H1 dan = untuk H2):
Alt-H1
Alt-H2
Emphasis
| |
Emphasis, atau italics, dengan tanda-bintang atau garis-bawah.
Strong emphasis, atau bold, dengan tanda-bintang atau garis-bawah.
Kombinasi Bold dengan tanda-bintang dan garis-bawah.
Strikethrough menggunakan dua tanda tilde. Scratch this.
Lists
(Dalam contoh ini, tanda inden spasi ditunjukkan dengan titik-titik: ⋅)
| |
- Item pertama
- Item berikutnya
- Sub-list tanpa angka.
Actual numbers don’t matter, just that it’s a number
Sub-list dengan angka
Dan Item berikutnya lagi.
Anda bisa mendapatkan paragraf dengan inden di dalam list item. Perhatikan baris kosong diatas, dan inden (setidaknya satu, tapi kita akan menggunakan juga tiga disini untuk meluruskan Markdown).
Untuk memperoleh baris kosong tanpa paragraf, anda akan membutuhkan dua spasi.
Perhatikan garis ini terpisah, namun dalam satu paragraf.
(Ini juga berlaku untuk GFM line-break)
- List tanpa urutan angka dapat menggunakan tanda bintang
- atau tanda kurang
- Atau tanda tambah
Links
Ada dua cara untuk membuat link:
| |
Inline-style link dengan title
Link referensi ke file repository
anda dapat menggunakan referensi dengan link yang didefinisikan
Atau dikosongkan saja link dengan text ini.
URL dan URL dalam tanda kurung siku akan menjadi link secara otomatis. http://www.contoh.com or http://www.contoh.com dan kadang juga dengan contoh.com (tetapi tidak di Github, contohnya).
Gambar
| |
Ini adalah logo saya (arahkan mouse untuk melihat title text):
Inline-style:
Reference-style:
Koding dan Syntax Highlighting
Code block adalah bagian dari keistimewaan dari Markdown, tapi tidak pada highlight syntax. Namun beberapa renderer seperti Gitlab dan Github mensupport syntax highlighting. Bagaimana perlakuan highlight pada kode program bergantung pada masing-masing renderer. Untuk melihat daftar selengkapnya, dan cara menuliskan nama pemrograman, lihat pada laman demo highlight.js.
| |
Inline code ditandai dengan tanda petik
Kode yang panjang dapat ditandai dengan tiga tanda petik ``` di awal dan akhir dari baris kode, atau dengan menambahkan empat spasi / inden. Saya sarankan dengan menggunakan tiga tanda petik saja di awal dan akhir barisan kode, karena lebih mudah dan bisa support syntax highlighting.
```javascript
var s = "Syntax highlighting untuk Javascript";
alert(s);
```
```python
s = "Syntax highlighting untuk Python"
print s
```
```
Pada blok ini tidak ditandai dengan bahasa pemrograman apapun.
sehingga tidak ada syntax highlighting, tulisannya hanya polos.
Walaupun diinput kode html, contohnya <b>tag</b>.
```
| |
| |
| |
Tabel
Tabel bukan bagian inti dari Markdown, tapi pembuatan tabel juga di support. Ini adalah bagian mudah dalam menambahkan tabel di email anda, daripada harus copy-paste tabel dari aplikasi lain.
| |
Tanda titik-dua dapat digunakan untuk mensejajarkan kolom
| Tabel | Mudah | Digunakan |
|---|---|---|
| kolom 3 | disejajarkan kekanan | Rp 1000.000 |
| kolom 2 | di tengah | Rp 500.000 |
| kolom 1 | disejajarkan kekiri | Rp 20.000 |
Harus ada setidaknya 3 garis yang memisahkan setiap header pada tabel. There must be at least 3 dashes separating each header cell. Garis vertikal (|) pada bagian luar tabel tidak harus diketik, dan anda tidak perlu membuat tabel sejajar pada saat pengetikan karena akan otomatis diatur pada saat sudah ditampilkan pada laman anda.
| Markdown | Tidak | Sejajar |
|---|---|---|
| Namun | tabelnya | tetap rapih |
| 1 | 2 | 3 |
Blockquotes
| |
Blockquotes sangat berguna dalam me-reply email. Baris ini adalah bagian dari quote yang sama
Quote terputus.
Ini adalah contoh baris yang sangat panjang tapi tetap masuk dalam quote ketika berpindah baris. Mari kita coba membuat baris ini lebih panjang dengan menambahkan kalimat. Di dalam quote anda juga dapat menambahkan Markdown dan pasti berfungsi.
Inline HTML
You can also use raw HTML in your Markdown, and it’ll mostly work pretty well.
| |
- Definition list
- Is something people use sometimes.
- Markdown in HTML
- Does *not* work **very** well. Use HTML tags.
Horizontal Rule
| |
Three or more…
Hyphens
Asterisks
Underscores
Line Breaks
My basic recommendation for learning how line breaks work is to experiment and discover – hit <Enter> once (i.e., insert one newline), then hit it twice (i.e., insert two newlines), see what happens. You’ll soon learn to get what you want. “Markdown Toggle” is your friend.
Here are some things to try out:
| |
Here’s a line for us to start with.
This line is separated from the one above by two newlines, so it will be a separate paragraph.
This line is also begins a separate paragraph, but…
This line is only separated by a single newline, so it’s a separate line in the same paragraph.
(Technical note: Markdown Here uses GFM line breaks, so there’s no need to use MD’s two-space line breaks.)
YouTube Videos
They can’t be added directly but you can add an image with a link to the video like this:
| |
Or, in pure Markdown, but losing the image sizing and border:
| |
Referencing a bug by #bugID in your git commit links it to the slip. For example #1.