MarkDown 教学

?> 这是一个 MarkDown 教学

标题

效果

标题 1 {docsify-ignore}

标题 2 {docsify-ignore}

标题 3 {docsify-ignore}

标题 4 {docsify-ignore}
标题 5 {docsify-ignore}
标题 6 {docsify-ignore}
Markdown
# 标题 1

## 标题 2

### 标题 3

#### 标题 4

##### 标题 5

###### 标题 6

Text

效果

Body text

Bold text

Italic text

Strikethrough

Marked text

Preformatted text

Small Text

This is subscript

This is superscript

Markdown
Body text

**Bold text**

*Italic text*

~~Strikethrough~~

Marked text

Preformatted text
Small Text This is subscript This is superscript

Links

效果

Inline link

Inline link with title

Reference link by name

Reference link by number

[Reference link by self]

Markdown
[Inline link](https://google.com)

[Inline link with title](https://google.com "Google")

[Reference link by name][link1]

[Reference link by number][1]

[Reference link by self]

[link1]: https://google.com
[1]: https://google.com
[Reference link by self]: https://google.com

Lists

效果

Ordered Lists

  1. Ordered 1
  2. Ordered 2

    1. Ordered 2a
    2. Ordered 2b
    3. Ordered 2c
  3. Ordered 3

Unordered Lists

  • Unordered 1
  • Unordered 2

    • Unordered 2a
    • Unordered 2b
    • Unordered 2c
  • Unordered 3

Task Lists

  • [x] Task 1
  • [ ] Task 2

    • [x] Subtask A
    • [ ] Subtask B
  • [ ] Task 3
Markdown
**Ordered Lists**

1. Ordered 1
1. Ordered 2
   1. Ordered 2a
   1. Ordered 2b
   1. Ordered 2c
1. Ordered 3

**Unordered Lists**

- Unordered 1
- Unordered 2
  - Unordered 2a
  - Unordered 2b
  - Unordered 2c
- Unordered 3

**Task Lists**

- [x] Task 1
- [ ] Task 2
  - [x] Subtask A
  - [ ] Subtask B
- [ ] Task 3

Blockquotes

效果

横空出世,莽昆仑,阅尽人间春色。
飞起玉龙三百万,搅得周天寒彻。

- 教员

Markdown
> 横空出世,莽昆仑,阅尽人间春色。  
> 飞起玉龙三百万,搅得周天寒彻。
>
> `- 教员`

Code

效果

This is inline code

const add = (num1, num2) => num1 + num2;
const total = add(1, 2);

console.log(total); // 3

  

Hello

Markdown
This is `inline code`

```javascript
const add = (num1, num2) => num1 + num2;
const total = add(1, 2);

console.log(total); // 3
```

```html

  

Hello

```

Notices

效果

!> Important 重要提醒

?> Tip 提示建议

Markdown
!> **Important** 重要提醒

?> **Tip** 提示建议

Tabs

效果

English

Hello!

French

Bonjour!

Italian

Ciao!

MarkDown



#### **English**

Hello!

#### **French**

Bonjour!

#### **Italian**

Ciao!

Tables

效果
表头A 表头B 表头C
内容居左 内容居中 内容居右
内容居左 内容居中 内容居右
Markdown
| 表头A    |  表头B   |    表头C |
| :------- | :------: | -------: |
| 内容居左 | 内容居中 | 内容居右 |
| 内容居左 | 内容居中 | 内容居右 |

Keyboard

效果

Arrow Up

Arrow Down

Arrow Left

Arrow Right

Caps Lock

Command

Markdown
 Arrow Up

 Arrow Down

 Arrow Left

 Arrow Right

 Caps Lock

 Command

Horizontal Rule

效果

Markdown
---

Images

效果

Inline-style

MarkDown 教学_第1张图片

Reference-style

Markdown
**Inline**

![alt text](http://a.biugle.cn/images/xixi.png "My Blog")

**Reference**

![alt text][logo]

[logo]:http://a.biugle.cn/images/xixi.jpg "My Blog"

Emoji

A complete list is available here ===> Emoji Cheat Sheet

效果













































































Markdown
:bowtie:
:smile:
:laughing:
:blush:
:smiley:
:relaxed:
:smirk:
:heart_eyes:
:kissing_heart:
:kissing_closed_eyes:
:flushed:
:relieved:
:satisfied:
:grin:
:wink:
:stuck_out_tongue_winking_eye:
:stuck_out_tongue_closed_eyes:
:grinning:
:kissing:
:kissing_smiling_eyes:
:stuck_out_tongue:
:sleeping:
:worried:
:frowning:
:anguished:
:open_mouth:
:grimacing:
:confused:
:hushed:
:expressionless:
:unamused:
:sweat_smile:
:sweat:
:disappointed_relieved:
:weary:
:pensive:
:disappointed:
:confounded:
:fearful:
:cold_sweat:
:persevere:
:cry:
:sob:
:joy:
:astonished:
:scream:
:neckbeard:
:tired_face:
:angry:
:rage:
:triumph:
:sleepy:
:yum:
:mask:
:sunglasses:
:dizzy_face:
:imp:
:smiling_imp:
:neutral_face:
:no_mouth:
:innocent:
:alien:
:yellow_heart:
:blue_heart:
:purple_heart:
:heart:
:green_heart:
:broken_heart:
:heartbeat:
:heartpulse:
:two_hearts:
:revolving_hearts:
:cupid:
:sparkling_heart:
:sparkles:
:star:
:star2:

Alerts

效果

[!NOTE]
An alert of type 'note' using global style 'callout'.

[!TIP]
An alert of type 'tip' using global style 'callout'.

[!WARNING]
An alert of type 'warning' using global style 'callout'.

[!ATTENTION]
An alert of type 'attention' using global style 'callout'.

Markdown
> [!NOTE]
> An alert of type 'note' using global style 'callout'.

> [!TIP]
> An alert of type 'tip' using global style 'callout'.

> [!WARNING]
> An alert of type 'warning' using global style 'callout'.

> [!ATTENTION]
> An alert of type 'attention' using global style 'callout'.

Summary

效果

我的列表(点击打开/折叠)

  • 123
  • abc

Markdown
我的列表(点击打开/折叠) - 123 - abc

你可能感兴趣的:(前端)