Markdown基本语法
<p><a href="https://www.showdoc.cc/lkr?page_id=3385228059037772">https://www.showdoc.cc/lkr?page_id=3385228059037772</a></p>
<h2>一、基本介绍</h2>
<h3><font color=red><strong>1.概念</strong></font></h3>
<p>Markdown是一种纯文本格式的标记语言。通过简单的标记语法可以使普通文本内容具有一定的格式。</p>
<h3><font color=red><strong>2.优点</strong></font></h3>
<p>1.因为是纯文本，所以只要支持Markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。
2.操作简单。</p>
<h3><font color=red><strong>3.缺点</strong></font></h3>
<p>1.需要记一些语法（比较简单）。
2.有些平台不支持Markdown编辑模式。目前支持Markdown编辑模式的有：简书、CSDN等网站。</p>
<h2>二、基本语法</h2>
<p>规则：标准语法一般在#后加个空格再写文字，有的不加空格也行。</p>
<h3><font color=red><strong>1.标题</strong></font></h3>
<p>方法：一个#是一级标题，二个#是二级标题，以此类推，支持六级标题。</p>
<p>示例：</p>
<h1>一级标题</h1>
<pre><code>## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题</code></pre>
<p>效果：</p>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<hr />
<h3><font color=red><strong>2.字体</strong></font></h3>
<h4>2.1加粗</h4>
<pre><code>方法：要加粗的文字左右分别用两个"*"号或"_"号包起来
示例1：**加粗**
示例2：__加粗__</code></pre>
<p>效果：
示例1：<strong>加粗</strong>
示例2：<strong>加粗</strong></p>
<h4>2.2斜体</h4>
<pre><code>方法：要倾斜的文字左右分别用一个"*"号或"_"号包起来
示例：*斜体* 或者 _斜体_</code></pre>
<p>效果：
示例：<em>斜体</em> 或者 <em>斜体</em></p>
<h4>2.3删除线</h4>
<pre><code>方法：要加删除线的文字左右分别用两个~~号包起来
示例：~~删除线~~</code></pre>
<p>效果：
示例：<del>删除线</del></p>
<h4>2.4斜体加粗</h4>
<pre><code>方法：要倾斜加粗的文字左右分别用三个"*"号或"_"号包起来。
示例1：***斜体加粗***
示例2：**_斜体加粗_**
示例3：___斜体加粗___</code></pre>
<p>效果：
示例1：<strong><em>斜体加粗</em></strong>
示例2：<strong><em>斜体加粗</em></strong>
示例3：<strong><em>斜体加粗</em></strong></p>
<h4>2.5颜色</h4>
<pre><code>方法：<font color=red>**自定义内容**</font>
示例1：//绿色，加粗，默认6号字
<font color=green>**自定义内容**</font>
示例2：//红色，加粗，定义4号字
####<font color=red>**自定义内容**</font>
示例3：//蓝色，加粗，定义3号字
###<font color=blue>**自定义内容**</font>
示例4：//蓝色，不加粗，默认6号字
<font color=blue>自定义内容</font></code></pre>
<p>效果：</p>
<p><font color=green><strong>自定义内容</strong></font></p>
<h4><font color=red><strong>自定义内容</strong></font></h4>
<h3><font color=blue><strong>自定义内容</strong></font></h3>
<p><font color=blue>自定义内容</font></p>
<hr />
<h3><font color=red><strong>3.引用</strong></font></h3>
<h4>3.1单行引用</h4>
<pre><code>方法：在引用的文字前加>即可。
示例：> hello world!</code></pre>
<p>效果：</p>
<blockquote>
<p>hello world!</p>
</blockquote>
<h4>3.2多行引用</h4>
<pre><code>方法：在引用的每行文字前加>即可。
示例1：
> hello world!
hello world!
hello world!
示例2：
> hello world!
> hello world!
> hello world!</code></pre>
<p>效果：</p>
<blockquote>
<p>hello world!
hello world!
hello world!</p>
</blockquote>
<h4>3.2嵌套引用</h4>
<pre><code>方法：在引用的文字前加两个>>、三个>>>、n个...
示例：
>引用的内容
>>引用的内容
>>>引用的内容</code></pre>
<blockquote>
<p>引用的内容</p>
<blockquote>
<p>引用的内容</p>
<blockquote>
<p>引用的内容</p>
</blockquote>
</blockquote>
</blockquote>
<hr />
<h3><font color=red><strong>4.图片</strong></font></h3>
<p>说明：
1.图片name就是显示在图片下面的文字，相当于对图片内容的解释。
2.图片"标题"是图片的标题，当鼠标移到图片上时显示的内容，可加可不加。
3.如果上传本地图片直接点击导航栏的图片标志，选择图片即可。</p>
<h4>4.1图片内链</h4>
<pre><code>方法：
</code></pre>
<h4>4.2图片引用</h4>
<pre><code>方法：
![name][01]
[01]: keru./01.png '标题'</code></pre>
<h4>4.3图片带有链接</h4>
<pre><code>方法：
[](http://www.baidu.com){:target="_blank"}
[][5]{:target="_blank"}
[5]: http://www.baidu.com</code></pre>
<hr />
<h3><font color=red><strong>5.列表</strong></font></h3>
<h4>5.1无序号列表</h4>
<pre><code>方法：用"+"、 "-"、 "*" 任何一种都可以
注意：注意：- + * 跟内容之间都要有一个空格
示例：
- 列表内容
+ 列表内容
* 列表内容</code></pre>
<p>效果：</p>
<ul>
<li>列表内容</li>
<li>列表内容</li>
<li>列表内容</li>
</ul>
<h4>5.2有序号列表</h4>
<pre><code>方法：数字加点
注意：序号跟内容之间要有空格
示例：
1.列表内容
2.列表内容
3.列表内容</code></pre>
<p>效果：
1.列表内容
2.列表内容
3.列表内容</p>
<h4>5.3列表嵌套</h4>
<pre><code>方法：
1) 上一级和下一级之间敲1个Tab键即可；
2) *号与后面文字内容要空一格；
3) "num."(例如：1.)与后面文字内容要空一格；
示例：
* 一级无序号列表内容
* 二级无序号列表内容
* 三级无序号列表内容
1. 一级有序列表内容
2. 二级有序号列表内容
3. 三级有序号列表内容</code></pre>
<p>效果：</p>
<ul>
<li>一级无序号列表内容
<ul>
<li>二级无序号列表内容
<ul>
<li>三级无序号列表内容</li>
</ul></li>
</ul></li>
</ul>
<ol>
<li>一级有序列表内容
<ol>
<li>二级有序号列表内容
<ol>
<li>三级有序号列表内容</li>
</ol></li>
</ol></li>
</ol>
<h4>5.4任务列表</h4>
<pre><code>方法：使用如下的代码创建任务列表，在[]中输入x表示完成，也可以通过点击选择完成。
示例：
- [ ] 上课
- [ ] 放学
- [ ] 回家</code></pre>
<p>效果：</p>
<ul>
<li>[ ] 上课</li>
<li>[ ] 放学</li>
<li>[ ] 回家</li>
</ul>
<hr />
<h3><font color=red><strong>6.表格</strong></font></h3>
<h4>6.1MarkDown表格</h4>
<pre><code>方法：
|姓名|性别|毕业学校|工资|
|:---|:---:|:---:|---:|
|陈道明|男|AAA大学|15K|
|李小冉|男|BBB大学|18K|
|辛芷蕾|女|CCC大学|20K|
说明：
第二行分割表头和内容；
- 有一个就行，为了对齐，多加了几个；
":"代表文字对齐方式；
1.文字默认居左
2.-两边加：表示文字居中
3.-右边加：表示文字居右
3.-左边加：表示文字居左
注：原生的语法两边都要用 | 包起来。此处省略。</code></pre>
<p>效果：</p>
<table>
<thead>
<tr>
<th style="text-align: left;">姓名</th>
<th style="text-align: center;">性别</th>
<th style="text-align: center;">毕业学校</th>
<th style="text-align: right;">工资</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">陈道明</td>
<td style="text-align: center;">男</td>
<td style="text-align: center;">AAA大学</td>
<td style="text-align: right;">15K</td>
</tr>
<tr>
<td style="text-align: left;">李小冉</td>
<td style="text-align: center;">男</td>
<td style="text-align: center;">BBB大学</td>
<td style="text-align: right;">18K</td>
</tr>
<tr>
<td style="text-align: left;">辛芷蕾</td>
<td style="text-align: center;">女</td>
<td style="text-align: center;">CCC大学</td>
<td style="text-align: right;">20K</td>
</tr>
</tbody>
</table>
<h4>6.2html表格</h4>
<p>html表格 <a href="http://www.tablesgenerator.com/">http://www.tablesgenerator.com/</a></p>
<hr />
<h3><font color=red><strong>7.代码</strong></font></h3>
<h4>7.1单行代码/内联代码块</h4>
<pre><code>方法：代码之间分别用一个反引号包起来
示例：`create database hero;`</code></pre>
<p>效果：
<code>create database hero;</code></p>
<h4>7.2代码块标记</h4>
<pre><code>方法：代码之间分别用三个反引号包起来，且两边的反引号单独占一行
示例：
```
<div>
<div></div>
<div></div>
<div></div>
</div>
```</code></pre>
<p>效果：</p>
<pre><code><div>
<div></div>
<div></div>
<div></div>
</div></code></pre>
<h4>7.3代码块缩进</h4>
<pre><code>方法：开头一个"Tab"或 四个空格
示例：
def setUp(self):
"""
功能：初始化工作
:return:
"""</code></pre>
<h4>7.4高亮显示</h4>
<pre><code>```javascript</code></pre>
<hr />
<h3><font color=red><strong>8.公式</strong></font></h3>
<h4>8.1公式</h4>
<pre><code>方法：1个$左对齐，2个$$居中
示例：
$$ x \href{why-equal.html}{=} y^2 + 1 $$
$ x = {-b \pm \sqrt{b^2-4ac} \over 2a}. $</code></pre>
<hr />
<h3><font color=red><strong>9.脚注</strong></font></h3>
<h4>9.1脚注</h4>
<pre><code>说明：
[^1]: Markdown是一种纯文本标记语言
示例：
Markdown[^1]</code></pre>
<p>效果：
Markdown[^1]</p>
<hr />
<h3><font color=red><strong>10.锚点</strong></font></h3>
<p>注意：只有标题支持锚点， 跳转目录方括号后要有1个空格</p>
<h4>10.1公式标题锚点</h4>
<pre><code>方法：
[公式标题锚点](#1)
实例：
### [公式标题锚点](#1)</code></pre>
<p>效果：</p>
<h3><a href="#1">公式标题锚点</a></h3>
<h4>10.1需要跳转的目录</h4>
<pre><code>方法：
[需要跳转的目录] {#1}
实例：
### [需要跳转的目录] {#1}</code></pre>
<p>效果：</p>
<h3>[需要跳转的目录] {#1}</h3>
<hr />
<h3><font color=red><strong>11.链接</strong></font></h3>
<h4>11.1内链</h4>
<pre><code>方法：
[超链接名](超链接地址 /"超链接title")
说明：
title可加可不加。
示例：
[百度](http://www.baidu.com/)
[百度](http://www.baidu.com/"百度一下")
[简书](http://jianshu.com)</code></pre>
<p>效果：
<a href="http://www.baidu.com/">百度</a>
<a href="http://www.baidu.com/"百度一下"">百度</a>
<a href="http://jianshu.com">简书</a></p>
<h4>11.2引用</h4>
<pre><code>示例：
[百度][1]
[1]: http://www.baidu.com/"百度一下"</code></pre>
<p>效果：
<a href="http://www.baidu.com/"百度一下"">百度</a></p>
<h4>11.3邮箱</h4>
<pre><code>方法：<邮箱号>
示例：
<xxx@outlook.com></code></pre>
<p>效果：
<a href="mailto:xxx@outlook.com">xxx@outlook.com</a></p>
<h4>11.4URL</h4>
<pre><code>方法：<URL>
示例：
<http://www.baidu.com></code></pre>
<p>效果：
<a href="http://www.baidu.com">http://www.baidu.com</a></p>
<h4>11.5Html</h4>
<pre><code>方法：
<a href="超链接地址" target="_blank">超链接名</a>
示例：
<a href="https://www.jianshu.com/u/1f5ac0cf6a8b" target="_blank">简书</a>
注意：
1.Markdown本身语法不支持链接在新页面中打开，如果想要在新页面中打开的话可以用html语言的a标签代替。
2.有的网站做了处理是可以的（简书）。</code></pre>
<p>效果：
<a href="https://www.jianshu.com/u/1f5ac0cf6a8b" target="_blank">简书</a></p>
<hr />
<h3><font color=red><strong>12.表情</strong></font></h3>
<h4>12.1表情</h4>
<pre><code>方法：将表情代码拷贝过来即可。
表情参考网址：
https://www.webpagefx.com/tools/emoji-cheat-sheet/
示例：
:smile::laughing::blush::smiley::smirk::heart_eyes:</code></pre>
<hr />
<h3><font color=red><strong>13.分割线</strong></font></h3>
<h4>13.1分割线</h4>
<pre><code>说明：
以下2种方法效果是一样的。
方法1：3个以上的 -
方法2：3个以上的 *
示例：
---
***</code></pre>
<h2>效果：</h2>
<hr />
<hr />
<h3><font color=red><strong>14.流程图</strong></font></h3>
<h4>14.1流程图</h4>
<pre><code>说明：
```flow #流程
st=>start: 开始|past:> http://www.baidu.com #开始，":"后面保持一个空格
e=>end: 结束 #结束
c1=>condition: 条件1:>http://www.baidu.com[_parent] #判断条件
c2=>condition: 条件2 #判断条件
c3=>condition: 条件3 #判断条件
io=>inputoutput: 输出 #输出
#----------------以上为定义参数-------------------------
#----------------以下为连接参数-------------------------
#开始->判断条件1为no->判断条件2为no->判断条件3为no->输出->结束
st->c1(yes,right)->c2(yes,right)->c3(yes,right)->io->e
c1(no)->e #条件1不满足->结束
c2(no)->e #条件2不满足->结束
c3(no)->e #条件3不满足->结束
```</code></pre>
<p>示例：</p>
<pre><code class="language-flow"> st=>start: 开始|past:> http://www.baidu.com
e=>end: 结束
c1=>condition: 条件1:>http://www.baidu.com[_parent]
c2=>condition: 条件2
c3=>condition: 条件3
io=>inputoutput: 输出
st->c1(yes,right)->c2(yes,right)->c3(yes,right)->io->e
c1(no)->e
c2(no)->e
c3(no)->e</code></pre>
<p>效果：</p>
<pre><code class="language-flow">st=>start: 开始|past:> http://www.baidu.com
e=>end: 结束
c1=>condition: 条件1:>http://www.baidu.com[_parent]
c2=>condition: 条件2
c3=>condition: 条件3
io=>inputoutput: 输出
st->c1(yes,right)->c2(yes,right)->c3(yes,right)->io->e
c1(no)->e
c2(no)->e
c3(no)->e</code></pre>
<hr />
<h3><font color=red><strong>15.语义标签</strong></font></h3>
<h4>15.1斜体</h4>
<pre><code>示例：
<i>斜体</i></code></pre>
<p>效果：
<i>斜体</i></p>
<hr />
<h4>15.2加粗</h4>
<pre><code>示例：
<b>加粗</b></code></pre>
<p>效果：
<b>加粗</b></p>
<hr />
<h4>15.3强调</h4>
<pre><code>示例：
<em>强调</em></code></pre>
<p>效果：
<em>强调</em></p>
<hr />
<h4>15.4上标</h4>
<pre><code>示例：
KR<sup>z</sup></code></pre>
<p>效果：
KR<sup>z</sup></p>
<hr />
<h4>15.5下标</h4>
<pre><code>示例：
KR<sub>z</sub></code></pre>
<p>效果：
KR<sub>z</sub></p>
<hr />
<h4>15.6换行</h4>
<pre><code>方法：按下"空格"即可</code></pre>
<hr />
<h4>15.7键盘文本</h4>
<pre><code>方法：<kbd>输入键盘文本</kbd>
示例：
<kbd>Ctrl</kbd>
<kbd>Ctrl+ALT</kbd></code></pre>
<p>效果：
Ctrl
Ctrl+ALT</p>