@[TOC](文章目录名)
<kbd>按键名</kbd>
在markdown编辑器中输入：
```javascript // An highlighted block var foo = 'bar'; ```(注意：末尾不要忘记```)在markdown编辑器中输入：
项目 | Value ----- | ----- 电脑 | $1600 手机 | $12 导管 | $1 设定内容居中、居左、居右 居中：:---------:居左：:---------居右：---------: 第一列第二列第三列居中居左居右其html代码如下：
<table> <tr > <td width=50> <img src="https://img-blog.csdnimg.cn/20181109163111511.png" alt=""> </td> <td align=left > Resume<kbd>F8</kbd>：运行到下一个断点 </td> </tr> <tr> <td width=50 > <img src="https://img-blog.csdnimg.cn/20181109161735466.png" alt=""> </td> <td align=left > Suspend Thread：进程挂起 </td> </tr> <tr> <td width=50 > <img src="https://img-blog.csdnimg.cn/20181109163214424.png" alt=""> </td> <td align=left > Terminate <kbd>Ctrl</kbd>+<kbd>F2</kbd>：停止调试 </td> </tr> <tr> <td width=50 > <img src="https://img-blog.csdnimg.cn/20181109164350918.png" alt=""> </td> <td align=left > Step Into <kbd>F5</kbd> </td> </tr> <tr > <td width=50 > <img src="https://img-blog.csdnimg.cn/20181109164523709.png" alt=""> </td> <td align=left > Step Over <kbd>F6</kbd> </td> </tr> <tr > <td width=50 > <img src="https://img-blog.csdnimg.cn/2018110916464598.png" alt=""> </td> <td align=left > Step Return <kbd>F7</kbd> </td> </tr> </table>在markdown编辑器中输入：
```mermaid sequenceDiagram 张三 ->> 李四: 你好！李四, 最近怎么样? 李四-->>王五: 你最近怎么样，王五？ 李四--x 张三: 我很好，谢谢! 李四-x 王五: 我很好，谢谢! Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行. 李四-->>张三: 打量着王五... 张三->>王五: 很好... 王五, 你怎么样? ```(注意：末尾不要忘记```)在markdown编辑器中输入：
```mermaid graph LR A[长方形] -- 链接 --> B((圆)) A --> C(圆角长方形) B --> D{菱形} C --> D ```(注意：末尾不要忘记```) 关于 Mermaid 语法，参考 这儿.语法：
定义元素：tag=>type: content:>url连接元素：-> 标签：主要6种start end operation subroutine condition inputoutput
Created with Raphaël 2.2.0 开始 我的操作 确认？ 结束 yes no在markdown编辑器中输入：
```mermaid flowchat st=>start: 开始 e=>end: 结束 op=>operation: 我的操作 cond=>condition: 确认？ st->op(right)->cond cond(yes)->e cond(no)->op ```(注意：末尾不要忘记```) 关于 Flowchart流程图 语法，参考 这儿.在markdown编辑器中输入：
```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 计划二 : des4, after des3, 5d ```(注意：末尾不要忘记```) 关于 甘特图 语法，参考 这儿.可以使用渲染LaTeX数学表达式 KaTeX: Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n−1)!∀n∈N 是通过欧拉积分
Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞tz−1e−tdt. 上面两个数学公式分别是$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$、$$ \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. $$
你可以找到更多关于的信息 LaTeX 数学表达式here.
