Markdown Cheat Sheet

# H1 - Heading paling besar
## H2 - Heading level 2
### H3 - Heading level 3
#### H4 - Heading level 4
##### H5 - Heading level 5
###### H6 - Heading level 6

**Bold text** atau __Bold text__
 
*Italic text* atau _Italic text_
 
***Bold dan Italic*** atau ___Bold dan Italic___
 
~~Strikethrough text~~
 
`Inline code`
 
> Blockquote
> Bisa multi-line juga

Ini paragraph pertama.
 
Ini paragraph kedua. Pisahin pake baris kosong.
 
Buat line break,
tambah 2 spasi di akhir baris.

- Item 1
- Item 2
- Item 3
 - Sub item 3.1
 - Sub item 3.2
 
* Bisa pake asterisk juga
* Item 2
 
+ Atau plus sign
+ Item 2

1. First item
2. Second item
3. Third item
  1. Sub item 3.1
  2. Sub item 3.2
 
1. Bisa pake angka 1 semua
1. Auto numbering
1. Tetep terurut

- [x] Task yang udah selesai
- [ ] Task yang belum
- [ ] Task lainnya

[Link text](https://example.com)
 
[Link dengan title](https://example.com "Ini title")
 
[Reference-style link][1]
 
[1]: https://example.com "Reference link"
 
<https://example.com> - Auto link
 
[Relative link](../path/to/file.md)

![Alt text](image.jpg)
 
![Alt text](image.jpg "Image title")
 
![Alt text][image-ref]
 
[image-ref]: image.jpg "Referenced image"
 
<!-- Dengan link -->
[![Alt text](image.jpg)](https://example.com)

Pake `backticks` buat inline code.
 
Command: `npm install`

```
Code block tanpa syntax highlighting
Cukup pake 3 backticks
```
 
```javascript
// Code block dengan syntax highlighting
const hello = "Hello World";
console.log(hello);
```
 
```python
# Python code
def greet(name):
  return f"Hello, {name}!"
```

  Indent 4 spasi atau 1 tab
  Jadi code block juga
  Tapi gak ada syntax highlighting

| Header 1 | Header 2 | Header 3 |
|----------|----------|----------|
| Cell 1  | Cell 2  | Cell 3  |
| Cell 4  | Cell 5  | Cell 6  |

| Left Align | Center Align | Right Align |
|:-----------|:------------:|------------:|
| Left    | Center    | Right    |
| Text    | Text     | Text    |

Header 1 | Header 2 | Header 3
---------|----------|----------
Cell 1  | Cell 2  | Cell 3
Cell 4  | Cell 5  | Cell 6

---
 
***
 
___
 
Semua bisa dipake buat bikin horizontal line

> Single line quote
 
> Multi-line quote
> Line kedua
> Line ketiga
 
> Nested quote
>> Quote di dalam quote
 
> Quote dengan **formatting**
> - List di dalam quote
> - Item 2

Bisa pake HTML langsung:
 
<div align="center">
 <h2>Centered Heading</h2>
 <p>Centered paragraph</p>
</div>
 
<details>
<summary>Click to expand</summary>
 
Hidden content di sini
 
</details>
 
<kbd>Ctrl</kbd> + <kbd>C</kbd>
 
<mark>Highlighted text</mark>

Here's a sentence with a footnote[^1].
 
[^1]: This is the footnote content.
 
Multiple footnotes[^note1] [^note2]
 
[^note1]: First note
[^note2]: Second note

Term 1
: Definition 1
 
Term 2
: Definition 2a
: Definition 2b

The HTML specification
is maintained by the W3C.
 
*[HTML]: Hyper Text Markup Language
*[W3C]: World Wide Web Consortium

:smile: :heart: :thumbsup:
 
:rocket: :fire: :tada:
 
Cek daftar lengkap: https://github.com/ikatyang/emoji-cheat-sheet

www.example.com - Auto jadi link
 
https://example.com - Auto jadi link
 
email@example.com - Auto jadi link

```diff
- Deleted line (merah)
+ Added line (hijau)
! Changed line (orange)
# Comment line (abu-abu)
```
 
```json
{
 "name": "example",
 "version": "1.0.0"
}
```

@username - Mention user
 
#123 - Reference issue/PR
 
organization/repository#123 - Cross-repo reference
 
SHA: a5c3785ed8d6a35868bc169f07e40e889087fd2e
 
username/repository@SHA

> [!NOTE]
> Highlights information that users should take into account
 
> [!TIP]
> Optional information to help a user be more successful
 
> [!IMPORTANT]
> Crucial information necessary for users to succeed
 
> [!WARNING]
> Critical content demanding immediate user attention
 
> [!CAUTION]
> Negative potential consequences of an action

<details>
<summary>Click me</summary>
 
### Hidden content
 
Content di sini bakal di-collapse.
Bisa pake Markdown juga!
 
- List item
- Item 2
 
</details>

```mermaid
graph TD;
  A-->B;
  A-->C;
  B-->D;
  C-->D;
```
 
```mermaid
sequenceDiagram
  participant Alice
  participant Bob
  Alice->>Bob: Hello Bob!
  Bob->>Alice: Hello Alice!
```
 
```mermaid
pie title Pets
  "Dogs" : 386
  "Cats" : 85
  "Rats" : 15
```

# Project Title
 
Brief description di sini.
 
## Table of Contents
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
 
## Installation
 
Installation steps...
 
## Usage
 
Usage examples...
 
## Contributing
 
Guidelines...

![Build Status](https://img.shields.io/badge/build-passing-brightgreen)
![Coverage](https://img.shields.io/badge/coverage-95%25-green)
![License](https://img.shields.io/badge/license-MIT-blue)

```bash
$ npm install
```
 
Output:
```
added 142 packages in 5.2s
```

<kbd>Ctrl</kbd> + <kbd>C</kbd> - Copy
<kbd>Ctrl</kbd> + <kbd>V</kbd> - Paste
<kbd>Ctrl</kbd> + <kbd>Z</kbd> - Undo

Inline math: $E = mc^2$
 
Block math:
$$
\sum_{i=1}^{n} i = \frac{n(n+1)}{2}
$$

> **Tip**: Helpful information
 
> **Warning**: Important warning
 
> 🚫 **Danger**: Critical warning
 
> ℹ️ **Info**: Additional information

- [x] Task lists
- Emoji :smile:
- @mentions
- #issue references
- Syntax highlighting
- Tables
- Mermaid diagrams

- Video embedding
- Math with KaTeX
- PlantUML diagrams
- Charts

- Databases
- Toggles
- Callouts
- Columns

[[Wiki-style links]]
![[Embedded notes]]
#tags
^block-references

- Dillinger (dillinger.io)
- StackEdit (stackedit.io)
- HackMD (hackmd.io)
- CodiMD

- Typora
- Mark Text
- Obsidian
- VS Code (dengan Markdown extensions)
- Notion

- Markdown Preview (VS Code extension)
- Grip (GitHub README preview)
- Marked 2 (macOS)

**Bold**        Ctrl/Cmd + B
*Italic*        Ctrl/Cmd + I
[Link](url)      Ctrl/Cmd + K
`Code`         Ctrl/Cmd + `
> Quote        Ctrl/Cmd + Shift + .

**Bold** tanpa spasi setelah **kata**bold
**Bold** dengan spasi setelah **kata** bold
 
- List item tanpa spasi setelah dash
- List item dengan spasi setelah dash
 
#Heading tanpa spasi
# Heading dengan spasi

\* Asterisk jadi literal
\_ Underscore jadi literal
\# Hash jadi literal
\[ Bracket jadi literal
\\ Backslash jadi literal
 
Atau pake backticks: `*literal*`