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~~ <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

  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

  • 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

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

效果

: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

效果

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

Markdown

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

本文使用 文章同步助手 同步

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容