Markdown的简单使用

Markdown的简单使用

Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

优点：

1、因为是纯文本，所以只要支持Markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。

2、操作简单。比如:WYSIWYG编辑时标记个标题，先选中内容，再点击导航栏的标题按钮，选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可

缺点：

1、需要记一些语法。

2、有些平台不支持Markdown编辑模式。

一. 标题

1. h

代码：

# 这是h1
## 这是h2
### 这是h3
#### 这是h4
##### 这是h5
###### 这是h6
####### h7

效果：

这是h1

这是h2

这是h3

这是h4

这是h5

这是h6

####### h7

注意：#后面==保持空格才是有效代码 1至6是正确代码

一二级标题可以用=和- =-最少可以只写一个

示例：

我展示的是一级标题
=================

我展示的是二级标题
-----------------

我展示的是一级标题

我展示的是二级标题

二. 列表

1. 无序列表

用法： 无序列表用 - + * 任何一种都可以

注意：- + * 跟内容之间都要有一个空格

代码：

- 列表内容
+ 列表内容
* 列表内容

效果：

• 列表内容
• 列表内容
• 列表内容

2. 有序列表

用法：数字加点

代码：

1. 列表内容
2. 列表内容
3. 列表内容

效果：

1. 列表内容
2. 列表内容
3. 列表内容

3. 列表嵌套

用法：上一级和下一级之间敲三个空格即可

代码：

- 列表内容   
1. 列表内容
2. 列表内容
3. 列表内容

效果：

• 列表内容
  1. 列表内容
  2. 列表内容
  3. 列表内容

三.文本

1.斜体用一个* 或 _

代码：

*这是斜体*

_这是斜体2_

效果：

这是斜体

这是斜体2

---

2. 要加粗的文字用两个*或者两个_

代码：

**这是加粗文字**

__这是加粗文字2__

效果：

这是加粗文字

这是加粗文字2

---

3. 斜体和加粗用三个*

代码：

***这是斜体加加粗***

效果：

这是斜体加加粗

---

4. 删除线用两个~

代码:

~~这是加删除线的文字~~

效果：

这是加删除线的文字

---

5. 分割线可以用三个或三个以上的-或者*

代码：

---

效果：

---

代码：

***

效果：

---

6. 下划线用标签来实现

代码:

<u>这是一个下划线</u>

效果：

这是一个下划线

---

7. 脚注

代码：

[^要注明的文本内容]

[^要注明的文本]:这是脚注内容

效果：

¹

---

四. 引用

1. 引用

代码：

>hello world!

>hello world!

hello world!

hello world!

>hello world!

>hello world!

>hello world!

效果：

hello world!

hello world!
hello world!
hello world!
这两种效果相同
hello world!
hello world!
hello world!

---

2. 嵌套 (可无限嵌套)

代码：

>a

>>b

>>>c

>>>>d

效果：

a

b

c

d

---

五.代码

1. `的用法（高亮，标记一句代码）

代码：

div`标记代码块`div

效果：

div标记代码块div

---

2. 用Tab生成块

显示真正代码

示例：

# h1

​ # h2

---

3. 代码块用```(可自定义语法,根据不同的语言配置不同的代码着色 )

代码：

​```javascript
var num = 0;
for (var i = 0; i < 5; i++) {
    num+=i;
}
console.log(num);

效果：

var num = 0;
for (var i = 0; i < 5; i++) {
   num+=i;
}
console.log(num);

六. 超链接

[超链接名](超链接地址 "超链接title") title可加可不加

百度

---

七. 图片

用法：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6zX4cBwu-1591579534456)(图片地址 “可选标题”)]

图片alt就是显示在图片下面的文字，相当于对图片内容的解释。
图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加
![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/
u=702257389,1274025419&fm=27&gp=0.jpg “区块链”)

八. 表格

Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。

文字默认居左
-两边加：表示文字居中
-右边加：表示文字居右

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

表头	表头	表头
内容	内容	内容
内容	内容	内容

九. 其他

1. 支持HTML标签

   目前支持的 HTML 元素有：`
   ^_等

   示例：

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑

使用 Ctrl+Alt+Del 重启电脑

2. 转义

   Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号 ：

   \   反斜线
   `   反引号
   *   星号
   _   下划线
   {}  花括号
   []  方括号
   ()  小括号
   #   井字号
   +   加号
   -   减号
   .   英文句点
   !   感叹号
   

3. 公式

   当你需要在编辑器中插入数学公式时，可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后，问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。

   示例：

   $$
   \mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix} 
   \mathbf{i} & \mathbf{j} & \mathbf{k} \\
   \frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
   \frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
   \end{vmatrix}
   $$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
   $$
   

4. 流程图

   示例：

   ​```mermaid
   graph LR
   A[方形] -->B(圆角)
       B --> C{条件a}
       C -->|a=1| D[结果1]
       C -->|a=2| E[结果2]
       F[横向流程图]
   ​```
   

​```mermaid
flowchat
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
​```

​```mermaid
flowchat
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
​```

---

1. 这是脚注内容 ↩︎