【markdown常用用法】

前言

本文描述markdown的常用用法, 参考 优快云文章编辑界面右侧语法说明 和 网络资源 进行汇总整理高度概括, 各语法说明 先代码后效果 简单明了。
markdown是一种轻量级书写格式, 常用于博客论坛笔记帮助文档等, 对应于HTML标签的一小部分,可以使用其部分标签如<u>下划线标签</u>;
markdown语法字符可用转义符号\转成普通字符 如 \# 可显示正常的井号

• 常用用法
• 细节补充
• 编排优化
• 迭代完善

---

---

标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

---

文本样式

*斜体文本星号*  或者 _斜体文本下划线_

**加粗文本双星号**  或者 __加粗文本双下划线__

==高亮文本双等号==

~~删除文本双波浪号~~

<u>下划线用HTML\<u\>标签</u>

> 引用文本大于号
> >  引用文本嵌套多个大于号

H~2~O 文字下标波浪号~。

2^10^  文字上标上尖号^。

斜体文本星号 或者 斜体文本下划线

加粗文本双星号 或者 加粗文本双下划线

高亮文本双等号

删除文本双波浪号

下划线用HTML<u>标签

引用文本大于号

引用文本嵌套多个大于号

H₂O 文字下标波浪号~。

2¹⁰ 文字上标上尖号^。

使用HTML部分标签

<big>大字体</big> <small>大字体</small>
<center>文字居中</center>
<p align=right>文字居右</p>
<font color=blue size=6> 蓝色文字</font>
<br/>
<kbd>ctrl 按键标签</kbd>

大字体 大字体

文字居中

文字居右

蓝色文字
ctrl 按键标签

---

列表

> 无序列表
- 项目1
- 项目2
	* 项目
		+ 项目
> 有序列表
1. 项目1
2. 项目2
3. 项目3
> 复选框
- [ ] 计划任务
- [x] 完成任务

无序列表

• 项目1
• 项目2
  • 项目
    • 项目

有序列表

1. 项目1
2. 项目2
3. 项目3

复选框

• 计划任务
• 完成任务

自定义列表

作者
: 小明
: 小红

章节
: 第一话
: 第二话

作者

小明

小红

章节

第一话

第二话

---

代码块

未选定编程语言

// 代码内容
var foo = 'bar';

选定编程语言javascript, java, c, go等

// javascript代码内容
let foo = 'bar';

行内代码块

`代码内容` 代码内容

---

表格

表头 -----  |  第2列 ----: | 第3列 :----: | 第4列 :----
----- | ----:   | :----:   | :----
电脑 | 文本居右 | 文本居中 | 文本居左
手机 | 文本居右 | 文本居中 | 文本居左
平板 | 文本居右 | 文本居中 | 文本居左

表头 -----	第2列 ----:	第3列 :----:	第4列 :----
电脑	文本居右	文本居中	文本居左
手机	文本居右	文本居中	文本居左
平板	文本居右	文本居中	文本居左

---

链接、图片

链接: [显示名称优快云首页](https://www.youkuaiyun.com/ "可选标题")

链接: 显示名称优快云首页

图片的形式和链接类似,前面加一个! 也可用HTML图片标签img进行更多的自定义

图片300x200原图,引号内为标题:
![方图](https://i-blog.csdnimg.cn/blog_migrate/d483a0f1daec8d9ba22686532a9aaf80.png "可选标题:原图300x200")

宽度100px高度等比例位置居中:
![方图](https://i-blog.csdnimg.cn/blog_migrate/d483a0f1daec8d9ba22686532a9aaf80.png#pic_center =100x)

高度100px宽度等比例位置居右:
![方图](https://i-blog.csdnimg.cn/blog_migrate/d483a0f1daec8d9ba22686532a9aaf80.png#pic_right =x100)

尺寸100x100变形:
![方图](https://i-blog.csdnimg.cn/blog_migrate/d483a0f1daec8d9ba22686532a9aaf80.png =100x100)

图片300x200原图,引号内为标题:

宽度100px高度等比例位置居中:

高度100px宽度等比例位置居右:

尺寸100x100变形:

---

注释、注脚、目录等

注释

需要注释的文字内容: 矢志不渝。
*[矢志不渝]: 立下誓言决不改变自己的志向。形容意志坚定。

需要注释的文字内容: 矢志不渝。(鼠标移到上面会显示注释内容 格式说明: *[文字内容]:描述注释内容)

注脚

一个具有注脚(章尾展示)的文本[^1]
[^1]: 注脚1的解释

一个具有注脚(章尾展示)的文本¹

目录

@[TOC](这里写目录标题) 

锚点

<p id='anchor'>锚点位置</p>

[跳转到锚点](#anchor)

锚点位置

跳转到锚点

分隔符

三横杠--- 效果如下方浅灰色横线

---

数学公式

参考文档
公式指导手册
数学公式在线编译

$\sum_{i=1}^n x_i=0$
$$ \int_0^1 \frac{x^2}{x(x+1)}{\rm d}x $$

${\sum }_{i=1}^n{x}_i=0$
$${\int }_0^1\frac{x^2}{x(x+1)}\mathrm{d}x$$

---

甘特图、流程图、UML图

• 甘特图

具体代码看编辑右侧语法说明, 详细用法请看 甘特图参考文档

---

• UML图

具体代码看编辑右侧语法说明, 详细用法请看 UML图参考文档

---

• Mermaid流程图

具体代码看编辑右侧语法说明, 详细用法请看 Mermaid流程图参考文档

---

• Flowchart流程图

具体代码看编辑右侧语法说明, 详细用法请看 Flowchart流程图参考文档

---

• classDiagram类图

具体代码看编辑右侧语法说明, 详细用法请看 classDiagram类图参考文档

---

1. 注脚1的解释 ↩︎