Markdown DEMO
Mr.Hope ... 2020-1-7 About 2 min
# First Heading
# First Heading
1
# Second Heading
## Second Heading
1
# Third Heading
### Third Heading
1
# Fourth Heading
#### Fourth Heading
1
# Fifth Heading
##### Fifth Heading
1
# Sixth Heading
###### Sixth Heading
1
# Text
This sentence has bold、italic and delete style text.
This sentence has **bold**、_italic_ and ~~delete~~ style text.
1
# Paragraph
This is a paragraph.
This is another paragraph.
This is a paragraph.
This is another paragraph.
1
2
3
2
3
# Line Break
I would like to line break at
this point
I would like to line break at
this point
1
2
2
Tips
In codes above, two spaces are behind at.
# Blockquotes
Blockquotes can also be nested...
...by using greater-than signs right next to each other...
...or with spaces between arrows.
> Blockquotes can also be nested...
>
> > ...by using greater-than signs right next to each other...
> >
> > > ...or with spaces between arrows.
1
2
3
4
5
2
3
4
5
# List
# Unordered List
Create a list by starting a line with
-Make sub-lists by indenting 2 spaces:
Marker character change forces new list start:
Ac tristique libero volutpat at
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
link breakNew paragraph
It’s easy!
- Create a list by starting a line with `-`
- Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
- Ac tristique libero volutpat at
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
link break
New paragraph
- Very easy!
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# Ordered List
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
line break
line break again - Integer molestie lorem at massa
1. Lorem ipsum dolor sit amet
1. Consectetur adipiscing elit
line break
line break again
1. Integer molestie lorem at massa
1
2
3
4
5
2
3
4
5
# HR
---
1
# Link
About page using absolute path
About page using relative path
[Home page using absolute path](/)
[Home page using relative path](../readme.md)
[About page using absolute path](/about)
[About page using relative path](../about.md)
1
2
3
4
5
6
7
2
3
4
5
6
7
Tips
You can also use these in VuePress:
To be able to jump to each other when editing the Markdown using the editor, you need to use the relative path, also you must place readme.md in every folder.
代码:
- [Home page-Can route when editing Markdown file](../readme.md)
- [Home page using absolute path 2](/readme.md)
- [Visit in HTML](../index.html)
1
2
3
4
5
2
3
4
5
# Image
1
# Emoji
Classic:
😉 😢 😆 😋
:wink: :cry: :laughing: :yum:
1
Shortcuts:
😎 😃 😗 😦 😃 😦 😉
8-) :) :\* :( :-) :-( ;)
1
Tips
For more see emoji list
# Tables
| center | right | left |
|---|---|---|
For center align use :-: | For right align use -: | For left align use :- |
| b | aaaaaaaaa | aaaa |
| c | aaaa | a |
| center | right | left |
| :------------------------: | -----------------------: | :---------------------- |
| For center align use `:-:` | For right align use `-:` | For left align use `:-` |
| b | aaaaaaaaa | aaaa |
| c | aaaa | a |
1
2
3
4
5
2
3
4
5
# Codes
Inline Code: code
Inline Code: `code`
1
Indented code:
// Some comments
line 1 of code
line 2 of code
line 3 of code
1
2
3
4
2
3
4
Indented code:
// Some comments
line 1 of code
line 2 of code
line 3 of code
1
2
3
4
5
6
2
3
4
5
6
Block code:
Sample text here...
1
Block code:
```
Sample text here...
```
1
2
3
4
5
2
3
4
5
Syntax highlighting:
var foo = function (bar) {
return bar++;
};
console.log(foo(5));
1
2
3
4
5
2
3
4
5
Syntax highlighting:
```js
var foo = function (bar) {
return bar++;
};
console.log(foo(5));
```
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9