Markdown Syntax

Markdown is a useful tool to write documents and blog posts (like this one that I’m writing). Markdown syntax is easy to learn. Here I’d introduce the Markdown syntax that will meet 99% of your daily need.

Headings

# heading level 1
## heading level 2
### heading level 3
...
###### heading level 6

heading level 1

heading level 2

heading level 3

heading level 6

Horizontal Rules

up
---
down

up


down

Paragraphs and Line Breaks

Paragraphs: use blank line to separate

Line break: <br>

para1

para2,line1<br>
line2

para1

para2,line1
line2

Style

Bold, Italic or both

**bold**

*italic*

***bold and italic***

bold

italic

bold and italic

Strikethrough [Extended Syntax]

~~Strikethrough~~

Strikethrough

Emoji [Extended Syntax]

Gone camping! :tent: Be back soon. That is so funny! :joy:

Gone camping! :tent: Be back soon. That is so funny! :joy:

Blockquotes

> blockquotes paragraph1
>
> blockquotes paragraph2
>
>> nested blockquotes

blockquotes paragraph1

blockquotes paragraph2

nested blockquotes

Lists

Order & Unorder Lists

1. order list
1. order list
2. order list

- unorder list
- unorder list
  1. order list
  2. order list
  3. order list
  • unorder list
  • unorder list

Task Lists [Extended Syntax]

- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media
  • Write the press release
  • Update the website
  • Contact the media
[Google.com](https://www.google.com/)

[Google.com](https://www.google.com/ "search engine")

[Google.com Reference-style Links][1]

[1]: https://www.google.com/ "search engine"

<https://www.google.com/>

<yuanpinzhou@gmail.com>

Google.com

Google.com

Google.com Reference-style Links

https://www.google.com/

yuanpinzhou@gmail.com

Images

![](imgs/google-icon.png)

![Google.com](imgs/google-icon.png "Google it")

[![Google with link](imgs/google-icon.png "Google it")](https://www.google.com/)

Google.com

Google with link

Heading IDs [Extended Syntax]

### My Great Heading 1
### My Great Heading 2 {#custom-id}

This is [my great heading 1](#my-great-heading-1), another one is [here](#custom-id).

My Great Heading 1

My Great Heading 2

This is my great heading 1, another one is here.

Code

Inline Code

`print('hello world')`

print('hello world')

Code Block with Highlighting [Extended Syntax]

```python
print('hello world')
```
print('hello world')

Tables [Extended Syntax]

| Syntax      | Description |
| ----------- | ----------- |
| Header      | Title       |
| Paragraph   | Text        |

| Syntax      | Description | Test Text     |
| :---        |    :----:   |          ---: |
| Header      | Title       | Here's this   |
| Paragraph   | Text        | And more      |
Syntax Description
Header Title
Paragraph Text
Syntax Description Test Text
Header Title Here’s this
Paragraph Text And more

Footnotes [Extended Syntax]

Here's a simple footnote,[^f] and here's a longer one.[^bignote]

[^f]: This is the first footnote.

[^bignote]: Here's one with multiple paragraphs and code.

    Indent paragraphs to include them in the footnote.

    `{ my code }`

    Add as many paragraphs as you like.

Here’s a simple footnote,1 and here’s a longer one.2

Definition Lists [Extended Syntax]

This syntax is not supported by Typora.

First Term
: This is the definition of the first term.

Second Term
: This is one definition of the second term.
: This is another definition of the second term.
First Term
This is the definition of the first term.
Second Term
This is one definition of the second term.
This is another definition of the second term.

Useful inline HTML

Comment

<!-- This is an HTML comment in Markdown -->

<!--
Comment multiple lines,
like this.
-->

Adjust Images

![](imgs/google-icon.png "original image")

<img src="imgs/google-icon.png" title="zoom image" style="zoom:25%;" />

<img src="imgs/google-icon.png" title="resized image" width="200" height="50" />

<img src="imgs/google-icon.png" title="resized image" align="right">

Align Text Block

<p align="center">
    This is a center aligned paragraph.
    Check it out.
</p>

This is a center aligned paragraph. Check it out.

  1. This is the first footnote. 

  2. Here’s one with multiple paragraphs and code.

    Indent paragraphs to include them in the footnote.

    { my code }

    Add as many paragraphs as you like.