Markdown DEMO

Mr.Hope ... January 7, 2020 14:44 Basic 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 bolditalic 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

# Line Break

I would like to line break at
this point

I would like to line break at  
this point
1
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

# 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 break

        New 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

# Ordered List

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
    line break
    line break again
  3. 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

# HR


---
1

Home page using absolute path

Home page using relative path

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

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

# Image

Logo

![Logo](/logo.png)
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

# 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
Indented code:

    // Some comments
    line 1 of code
    line 2 of code
    line 3 of code
1
2
3
4
5
6

Block code:

Sample text here...
1
Block code:

```
Sample text here...
```
1
2
3
4
5

Syntax highlighting:

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));
1
2
3
4
5
Syntax highlighting:

```js
<span class="token keyword">var</span> <span class="token function-variable function">foo</span> <span class="token operator">=</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">bar</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
  <span class="token keyword">return</span> bar<span class="token operator">++</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">;</span>

console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token function">foo</span><span class="token punctuation">(</span><span class="token number">5</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
```
1
2
3
4
5
6
7
8
9