编写文档
<h2>快捷键</h2>
<p>撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G
查找：Command + F
替换：Command + G</p>
<h2>标题</h2>
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<h2>文本样式</h2>
<p><em>强调文本</em> <em>强调文本</em></p>
<p><strong>加粗文本</strong> <strong>加粗文本</strong></p>
<p>==标记文本==</p>
<p><del>删除文本</del></p>
<blockquote>
<p>引用文本</p>
</blockquote>
<p>H~2~O is是液体。</p>
<p>2^10^ 运算结果是 1024。</p>
<h2>列表</h2>
<ul>
<li>项目
<ul>
<li>项目</li>
<li>项目</li>
</ul></li>
</ul>
<ol>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ol>
<ul>
<li>[ ] 计划任务</li>
<li>[x] 完成任务</li>
</ul>
<h2>链接</h2>
<p>链接: <a href="https://mp.csdn.net">link</a>.</p>
<p>图片: <img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw" alt="Alt" /></p>
<p>带尺寸的图片: ![Alt](<a href="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw">https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw</a> =30x30)</p>
<p>居中的图片: <img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center" alt="Alt" /></p>
<p>居中并且带尺寸的图片: ![Alt](<a href="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center">https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center</a> =30x30)</p>
<h2>代码片</h2>
<p>下面展示一些 <code>内联代码片</code>。</p>
<pre><code>// A code block
var foo = 'bar';</code></pre>
<pre><code class="language-javascript">// An highlighted block
var foo = 'bar';</code></pre>
<h2>表格</h2>
<table>
<thead>
<tr>
<th>项目</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<tr>
<td>电脑</td>
<td>$1600</td>
</tr>
<tr>
<td>手机</td>
<td>$12</td>
</tr>
<tr>
<td>导管</td>
<td>$1</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th style="text-align: center;">Column 1</th>
<th style="text-align: right;">Column 2</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">centered 文本居中</td>
<td style="text-align: right;">right-aligned 文本居右</td>
</tr>
</tbody>
</table>
<h2>自定义列表</h2>
<p>Markdown
: Text-to-HTML conversion tool</p>
<p>Authors
: John
: Luke</p>
<h2>注脚</h2>
<p>一个具有注脚的文本。<a href="注脚的解释">^1</a></p>
<h2>注释</h2>
<p>Markdown将文本转换为 HTML。</p>
<p>*[HTML]: 超文本标记语言</p>
<h2>LaTeX 数学公式</h2>
<p><a href="https://khan.github.io/KaTeX/">参考文档</a></p>
<p>Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过 Euler integral</p>
<p>$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$</p>
<h2>插入甘特图</h2>
<p><a href="https://mermaidjs.github.io/#/gantt">参考文档</a></p>
<pre><code class="language-mermaid">gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section 现有任务
已完成 :done, des1, 2014-01-06,2014-01-08
进行中 :active, des2, 2014-01-09, 3d
计划中 : des3, after des2, 5d</code></pre>
<h2>插入UML图</h2>
<p><a href="https://mermaidjs.github.io/#/sequenceDiagram">参考文档</a></p>
<pre><code class="language-mermaid">sequenceDiagram
张三 ->> 李四: 你好！李四, 最近怎么样?
李四-->>王五: 你最近怎么样，王五？
李四--x 张三: 我很好，谢谢!
李四-x 王五: 我很好，谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.
李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?</code></pre>
<h2>插入Mermaid流程图</h2>
<p><a href="https://mermaidjs.github.io/#/flowchart?id=graph">参考文档</a></p>
<pre><code class="language-mermaid">graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D</code></pre>
<h2>插入Flowchart流程图</h2>
<p><a href="http://flowchart.js.org/">参考文档</a></p>
<pre><code class="language-mermaid">flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？
st->op->cond
cond(yes)->e
cond(no)->op</code></pre>