只有少数编辑器支持,或者需要安装相应的扩展渲染,使用前请先预览确认。

定义列表

1
2
3
4
Term 1
Term 2
: Definition A
: Definition B

会被编译成

1
2
3
4
5
6
<dl>
<dd>Term 1</dd>
<dd>Term 2</dd>
<dt>Definition A<dt>
<dt>Definition A<dt>
</dl>

目录

通过[TOC]标记来插入目录。

在编辑器不支持[TOC]标记的情况下可以使用添加id的方法构建目录。

1
2
3
4
5
6
## Directory
* [1.Content one](#chapter1)
* [2.Content two](#chapter2)

## <span id="chapter1">1.Content one</span>
## <span id="chapter2">2.Content two</span>

TeX公式

内联的TeX公式使用一个美元符号标记。

1
$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$

会被编译成
内联(行内)公式:$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$

TeX公式块用独占一行的两个美元符号来标记。

1
$$\left \lbrace \sum_{i=0}^n i^3 = \frac{(n^2+n)(n+6)}{9} \right \rbrace$$

会被编译成

如果你的编辑器不支持这个功能,可以手动解决。首先引入mathjax脚本:

1
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>

之后,在需要插入公式的地方使用 <script> 标签包裹公式:

1
2
3
4
5
<script type="math/tex">\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N</script>

<script type="math/tex; mode=display">
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
</script>

以上公式展示效果,在实际显示过程中,根据网络加载速度不同会有不同的解析展示速度,TeX的语法参考请见这里

UML图

语法为在代码块开始行后面加入语法声明,如 ```mermaid ,然后可以像这样来画uml时序图:

sequenceDiagram
  Alice->>Bob: Hello Bob,how are you?
  Note right of Bob: Bob thinks
  Bob-->>Alice: I am fine thanks!
  Note left of Alice: SB

其MarkDown代码如下:

1
2
3
4
5
sequenceDiagram
Alice->>Bob: Hello Bob,how are you?
Note right of Bob: Bob thinks
Bob-->>Alice: I am fine thanks!
Note left of Alice: SB

时序图的语法请见 这里这里

uml流程图:

graph LR;
  A-->B;
  A-->C;
  B-->D;
  C-->D;

其实现代码如下:

1
2
3
4
5
graph LR;
A-->B;
A-->C;
B-->D;
C-->D;

流程图的语法请见 这里, 更复杂点的flowchart可以看 这里

参考文档

MarkDown文档中如何画出流程图

https://github.com/wizardforcel/markdown-simple-world

http://stevenshi.me/2017/06/26/hexo-insert-formula/

https://blog.csdn.net/u013282174/article/details/80666123

https://www.liuyude.com/How_to_make_your_HEXO_blog_support_handwriting_flowchart.html

https://mermaidjs.github.io/