MarkDown 教学

最新推荐文章于 2025-03-18 15:36:29 发布

DoubleAm

最新推荐文章于 2025-03-18 15:36:29 发布

阅读量72

点赞数

文章标签：数据库

本文链接：https://blog.youkuaiyun.com/qq_41634810/article/details/133377494

版权

?> 这是一个 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~~

<mark>Marked text</mark>

<pre>Preformatted text</pre>

<small>Small Text</small>

This is <sub>subscript</sub>

This is <sup>superscript</sup>

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

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

Unordered Lists

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

Task Lists

Task 1
Task 2
- 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

<body>
  <p>Hello</p>
</body>

Markdown

This is `inline code`

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

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

```html
<body>
  <p>Hello</p>
</body>
```

Notices

效果

!> Important 重要提醒

?> Tip 提示建议

Markdown

!> **Important** 重要提醒

?> **Tip** 提示建议

Tabs

效果

English

Hello!

French

Bonjour!

Italian

Ciao!

MarkDown

<!-- tabs:start -->

#### **English**

Hello!

#### **French**

Bonjour!

#### **Italian**

Ciao!

<!-- tabs:end -->

Tables

效果

表头A	表头B	表头C
内容居左	内容居中	内容居右
内容居左	内容居中	内容居右

Markdown

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

Keyboard

效果

↑ Arrow Up

↓ Arrow Down

← Arrow Left

→ Arrow Right

⇪ Caps Lock

⌘ Command

Markdown

<kbd>&uarr;</kbd> Arrow Up

<kbd>&darr;</kbd> Arrow Down

<kbd>&larr;</kbd> Arrow Left

<kbd>&rarr;</kbd> Arrow Right

<kbd>&#8682;</kbd> Caps Lock

<kbd>&#8984;</kbd> Command

Horizontal Rule

效果

Markdown

---

Images

效果

Inline-style

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

Reference-style

![alt text][logo]

[logo]:https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=http%3A%2F%2Fa.biugle.cn%2Fimages%2Fxixi.jpg&pos_id=img-P6gIuZyf-1695868097079) “My Blog”

Markdown

**Inline**

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

**Reference**

![alt text][logo]

[logo]:https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=http%3A%2F%2Fa.biugle.cn%2Fimages%2Fxixi.jpg&pos_id=img-P6gIuZyf-1695868097079) "My Blog"

Emoji

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

效果

:bowtie:
😄
😆
😊
😃
☺️
😏
😍
😘
😚
😳
😌
😆
😁
😉
😜
😝
😀
😗
😙
😛
😴
😟
😦
😧
😮
😬
😕
😯
😑
😒
😅
😓
😥
😩
😔
😞
😖
😨
😰
😣
😢
😭
😂
😲
😱
:neckbeard:
😫
😠
😡
😤
😪
😋
😷
😎
😵
👿
😈
😐
😶
😇
👽
💛
💙
💜
❤️
💚
💔
💓
💗
💕
💞
💘
💖
✨
⭐️
🌟

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

效果

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

Markdown

<details>

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

- 123
- abc

</details>