# Write with Markdown

Markdown has become popular nowadays, especially among developers. It helps you format the note easily without having to write bloated HTML code. If you already know Markdown syntax, you will feel at home.

### Headings <a href="#f3b2" id="f3b2"></a>

To create a heading, add number signs **`#`** in front of a word or phrase, followed by a space. The number of number signs you use should correspond to the heading level.

| Markdown              | Output                   |
| --------------------- | ------------------------ |
| `# Heading level 1`   | <h2>Heading level 1</h2> |
| `## Heading level 2`  | <h3>Heading level 2</h3> |
| `### Heading level 3` | <h4>Heading level 3</h4> |

### Bold <a href="#id-9235" id="id-9235"></a>

To bold text, add two asterisks **`**`** or underscores **`__`** before and after a word or phrase.

| Markdown        | Output        |
| --------------- | ------------- |
| `**bold text**` | **bold text** |
| `__bold text__` | **bold text** |

### Italic

To italicize text, add one asterisk **`*`** or underscore **`_`** before and after a word or phrase.

| Markdown            | Output            |
| ------------------- | ----------------- |
| `*italicized text*` | *italicized text* |
| `_italicized text_` | *italicized text* |

### Bold and Italic <a href="#cd61" id="cd61"></a>

To emphasize text with bold and italics at the same time, add three asterisks or underscores before and after a word or phrase.&#x20;

| Markdown                     | Output                     |
| ---------------------------- | -------------------------- |
| `***bold and italic text***` | ***bold and italic text*** |
| `___bold and italic text___` | ***bold and italic text*** |

### Block quotes <a href="#cd61" id="cd61"></a>

To create a blockquote, add a **`>`** in front of a paragraph, followed by a space.

| Markdown                  | Output                                                                                                                                                                                                              |
| ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `> This is a blockquote.` | ![](https://3053791484-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFt4LISrSRa6fHrbSIdcE%2Fuploads%2FClQL67JuFFZ4TU2B7J7c%2Fimage.png?alt=media\&token=de0ef094-55f1-4006-8389-546b738b11a6) |

### List <a href="#id-39a2" id="id-39a2"></a>

To create an ordered list, add line items with numbers followed by periods.

| Markdown                                                                                        | Output                                                         |
| ----------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
| <p><code>1. Item one</code></p><p><code>2. Item two</code></p><p><code>3. Item three</code></p> | <ol><li>Item one</li><li>Item two</li><li>Item three</li></ol> |

To create an unordered list, add dashes **`-`**, asterisk **`*`**, or plus sign **`+`** in front of line items. Indent one or more items to create a nested list.

| Markdown                                                                                     | Output                                                         |
| -------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
| <p><code>- Item one</code></p><p><code>- Item two</code></p><p><code>- Item three</code></p> | <ul><li>Item one</li><li>Item two</li><li>Item three</li></ul> |

### Code <a href="#id-6bb4" id="id-6bb4"></a>

To create a code block, use 3 backticks **` ``` `** .

To denote a word or phrase as code, enclose it in backticks **`` ` ``**.

| Markdown         | Output                                                                                                                                                                                                              |
| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| \`in-line code\` | `in-line code`                                                                                                                                                                                                      |
| \`\`\`code block | ![](https://3053791484-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFt4LISrSRa6fHrbSIdcE%2Fuploads%2FPDLRwQ2KZgYghbZCRwfF%2Fimage.png?alt=media\&token=09344c1b-e7ce-4b7a-bfc5-4de732650d08) |

### Divider <a href="#f82d" id="f82d"></a>

To create a divider, use three asterisks **`***`**, dashes **`---`**, or underscores **`___`** on a line by themselves and hit **`Enter`**.

| Markdown | Output                                                                                                                                                                                                              |
| -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ---      | ![](https://3053791484-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFt4LISrSRa6fHrbSIdcE%2Fuploads%2FdGQVrjhaFGAJVXnxBpI4%2Fimage.png?alt=media\&token=2ceb4966-d1e1-4f03-b24d-f48d62bace6f) |

### Checkbox <a href="#id-25af" id="id-25af"></a>

To add a toto item, use **`[]`** followed by a space.

To add a done item, use **`[x]`** followed by a space.

| Markdown        | Output                                                                                |
| --------------- | ------------------------------------------------------------------------------------- |
| `[] todo item`  | <ul class="contains-task-list"><li>todo item</li></ul>                                |
| `[x] done item` | <ul class="contains-task-list"><li><input type="checkbox" checked>done item</li></ul> |

### Copy as Markdown <a href="#id-3b9e" id="id-3b9e"></a>

To copy content from UpNote as markdown, right click and select **`Copy as Markdown`**

You may also use the shortcut **`Cmd` + `Option` + `C`** (on Mac) and **`Ctrl` + `Alt` + `C`** (on Windows)

### Paste with Markdown <a href="#id-3b9e" id="id-3b9e"></a>

If you want to paste from a Markdown source, right click on your editor and select **`Paste from Markdown`***.* Your content will be automatically converted to proper format.

You may also use the shortcut **`Cmd` + `Option` + `V`** (on Mac) and **`Ctrl` + `Alt` + `V`** (on Windows)<br>