支持的 HTML 元素

不在 Markdown 涵盖范围之内的标签，都可以直接在文档里面用 HTML 撰写。
目前支持的 HTML 元素有：<kbd> <b> <i> <em> <sup> <sub> <br>等 ，如：
使用 Ctrl+Alt+Del 重启电脑
输出结果为：
09.高级技巧 - 图1

转义

Markdown 使用了很多特殊符号来表示特定的意义，如果需要显示特定的符号则需要使用转义字符，Markdown 使用反斜杠转义特殊字符：
文本加粗
** 正常显示星号 **
输出结果为：
09.高级技巧 - 图2
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号：
\ 反斜线
` 反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 小括号
# 井字号
+ 加号
- 减号
. 英文句点
! 感叹号

公式

当你需要在编辑器中插入数学公式时，可以使用两个美元符 包裹 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)}}
$$
输出结果为：
09.高级技巧 - 图3

复制以下代码使用 typora 的源码模式粘贴到编辑器中查看效果：
09.高级技巧 - 图4
以下几个实例效果图如下：
1、横向流程图源码格式：
mermaid<br />graph LR<br />A[方形] -->B(圆角)<br /> B --> C{条件a}<br /> C -->|a=1| D[结果1]<br /> C -->|a=2| E[结果2]<br /> F[横向流程图]<br />
2、竖向流程图源码格式：
mermaid<br />graph TD<br />A[方形] --> B(圆角)<br /> B --> C{条件a}<br /> C --> |a=1| D[结果1]<br /> C --> |a=2| E[结果2]<br /> F[竖向流程图]<br />
3、标准流程图源码格式：
flow<br />st=>start: 开始框<br />op=>operation: 处理框<br />cond=>condition: 判断框(是或否?)<br />sub1=>subroutine: 子流程<br />io=>inputoutput: 输入输出框<br />e=>end: 结束框<br />st->op->cond<br />cond(yes)->io->e<br />cond(no)->sub1(right)->op<br />
4、标准流程图源码格式（横向）：
flow<br />st=>start: 开始框<br />op=>operation: 处理框<br />cond=>condition: 判断框(是或否?)<br />sub1=>subroutine: 子流程<br />io=>inputoutput: 输入输出框<br />e=>end: 结束框<br />st(right)->op(right)->cond<br />cond(yes)->io(bottom)->e<br />cond(no)->sub1(right)->op<br />
5、UML时序图源码样例：
sequence<br />对象A->对象B: 对象B你好吗?（请求）<br />Note right of 对象B: 对象B的描述<br />Note left of 对象A: 对象A的描述(提示)<br />对象B-->对象A: 我很好(响应)<br />对象A->对象B: 你真的好吗？<br />
6、UML时序图源码复杂样例：
sequence<br />Title: 标题：复杂使用<br />对象A->对象B: 对象B你好吗?（请求）<br />Note right of 对象B: 对象B的描述<br />Note left of 对象A: 对象A的描述(提示)<br />对象B-->对象A: 我很好(响应)<br />对象B->小三: 你好吗<br />小三-->>对象A: 对象B找我了<br />对象A->对象B: 你真的好吗？<br />Note over 小三,对象B: 我们是朋友<br />participant C<br />Note right of C: 没人陪我玩<br />
7、UML标准时序图样例：
mermaid<br />%% 时序图例子,-> 直线，-->虚线，->>实线箭头<br /> sequenceDiagram<br /> participant 张三<br /> participant 李四<br /> 张三->王五: 王五你好吗？<br /> loop 健康检查<br /> 王五->王五: 与疾病战斗<br /> end<br /> Note right of 王五: 合理 食物 <br/>看医生...<br /> 李四-->>张三: 很好!<br /> 王五->李四: 你怎么样?<br /> 李四-->王五: 很好!<br />
8、甘特图样例：
mermaid<br />%% 语法示例<br /> gantt<br /> dateFormat YYYY-MM-DD<br /> title 软件开发甘特图<br /> section 设计<br /> 需求 :done, des1, 2014-01-06,2014-01-08<br /> 原型 :active, des2, 2014-01-09, 3d<br /> UI设计 : des3, after des2, 5d<br /> 未来任务 : des4, after des3, 5d<br /> section 开发<br /> 学习准备理解需求 :crit, done, 2014-01-06,24h<br /> 设计框架 :crit, done, after des2, 2d<br /> 开发 :crit, active, 3d<br /> 未来任务 :crit, 5d<br /> 耍 :2d<br /> section 测试<br /> 功能测试 :active, a1, after des3, 3d<br /> 压力测试 :after a1 , 20h<br /> 测试报告 : 48h<br />
效果图如下：
09.高级技巧 - 图5