Headings
1
2
3
4
5
6
Paragraphs
this is the test paragrah.
First line with two spaces after.
And the next line.
First line with the HTML tag after.
And the next line.
Emphasis
Bold
I just love bold text.
Love is bold
Italic
Italic: Acatmeow/
normal: Acatmeow
Bold and Italic
This text is really important.
The topic is really***very***important.
Blockquotes
hello world!
this is a paragraph in a block.
this is a nested one
the following…
Firstly
Secondly
Lists
You can organize items into ordered and unordered lists.
Ordered Lists
To create an ordered list, add line items with numbers followed by periods. The numbers don’t have to be in numerical order, but the list should start with the number one.
- First item
- Apple
- Banana
Unordered Lists
To create an unordered list, add dashes (-
), asterisks (*
), or plus signs (+
) in front of line items. Indent one or more items to create a nested list
- apple
- orange
- banana
- peach
Code Blocks
Code Blocks are normally indented four spaces or one tab. When they’re in a list, indent them eight spaces or two tabs.
1. Open the file.
2. Find the following code block on line 21:
<html>
<head>
<title>Test</title>
</head>
3. Update the title to match the name of your website.
Images
1. Open the file containing the Linux mascot.
2. Marvel at its beauty.
![Tux, the Linux mascot](/assets/images/tux.png)
3. Close the file.
The rendered output looks like this:
-
Open the file containing the Linux mascot.
-
Marvel at its beauty.
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MQwdZ1d3-1586330185644)(https://d33wubrfki0l68.cloudfront.net/e7ed9fe4bafe46e275c807d63591f85f9ab246ba/e2d28/assets/images/tux.png)]
-
Close the file.
Horizontal Rules
To create a horizontal rule, use three or more asterisks (***
), dashes (---
), or underscores (___
) on a line by themselves.
***
---
_________________
The rendered output of all three looks identical:
My favorite search engine is Duck Duck Go. baidu。
URLs and Email Addresses
To quickly turn a URL or email address into a link, enclose it in angle brackets.
<https://www.markdownguide.org>
<fake@example.com>
https://www.markdownguide.org
fake@example.com
Formatting Links
To emphasize links, add asterisks before and after the brackets and parentheses. To denote links as code, add backticks in the brackets.
I love supporting the **[EFF](https://eff.org)**.
This is the *[Markdown Guide](https://www.markdownguide.org)*.
See the section on [`code`](#code).
The rendered output looks like this:
I love supporting the EFF.
This is the Markdown Guide.
See the section on code
.
Reference-style Links
Reference-style links are a special kind of link that make URLs easier to display and read in Markdown. Reference-style links are constructed in two parts: the part you keep inline with your text and the part you store somewhere else in the file to keep the text easy to read.
In a hole in the ground there lived a hobbit. Not a nasty, dirty, wet hole, filled with the ends
of worms and an oozy smell, nor yet a dry, bare, sandy hole with nothing in it to sit down on or to
eat: it was a [hobbit-hole][1], and that means comfort.
[1]: <https://en.wikipedia.org/wiki/Hobbit#Lifestyle> "Hobbit lifestyles"
In a hole in the ground there lived a hobbit. Not a nasty, dirty, wet hole, filled with the ends
of worms and an oozy smell, nor yet a dry, bare, sandy hole with nothing in it to sit down on or to
eat: it was a hobbit-hole, and that means comfort 2 the following content.
Images
To add an image, add an exclamation mark (!
), followed by alt text in brackets, and the path or URL to the image asset in parentheses. You can optionally add a title after the URL in the parentheses.
![Philadelphia's Magic Gardens. This place was so cool!](/assets/images/philly-magic-gardens.jpg "Philadelphia's Magic Gardens")
The rendered output looks like this:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LlbYMTm7-1586330185646)(https://d33wubrfki0l68.cloudfront.net/eab45e25bb79970178fab7a2d10cba0209372a59/94d9e/assets/images/philly-magic-garden.jpg)]
Escaping Characters
To display a literal character that would otherwise be used to format text in a Markdown document, add a backslash (\
) in front of the character.
\* Without the backslash, this would be a bullet in an unordered list.
The rendered output looks like this:
* Without the backslash, this would be a bullet in an unordered list.
Characters You Can Escape
You can use a backslash to escape the following characters.
Character | Name |
---|---|
\ | backslash |
` | backtick (see also escaping backticks in code) |
* | asterisk |
_ | underscore |
{ } | curly braces |
[ ] | brackets |
( ) | parentheses |
# | pound sign |
+ | plus sign |
- | minus sign (hyphen) |
. | dot |
! | exclamation mark |
| | pipe (see also escaping pipe in tables) |
水果 | 价格 | 数量 |
---|---|---|
香蕉 | 1 | 5 |
苹果 | 1 | 6 |
|
| | | pipe (see also escaping pipe in tables) |
水果 | 价格 | 数量 |
---|---|---|
香蕉 | 1 | 5 |
苹果 | 1 | 6 |
草莓 | 1 | 7 |