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! Be back soon. That is so funny!
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
- order list
- order list
- 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
Hyperlinks
Links
[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>
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/)
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.
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.