序言

使用halo博客这么久以来,Markdown实在是太好用了,但话流程图之类的功能我还没有学会,特此在这里总结一下,语法参考

优秀的markdown 工具

  • 官方的typora也是非常不错的,非常间接
  • 当然你想功能在多点,vnote蛮不错,但是对对标就是不咋样友善

显示表情Emoji


:heart:
更多访问

数学公式

$a \ne 0$
$a \ne 0$
$$
x = {-b \pm \sqrt{b^2-4ac} \over 2a}.
$$

$$
x = {-b \pm \sqrt{b^2-4ac} \over 2a}.
$$

$$ J_\alpha(x) = \sum_\infty \frac{(-1)m}{m! \Gamma (m + \alpha + 1)} {\left({ \frac{2} }\right)}^{2m + \alpha} \text {,行内公式示例}
$$
更多请参考[https://www.zybuluo.com/codeep/note/163962]

图表

更多请参考

饼图

pie title NETFLIX "Time spent looking for movie" : 90 "Time spent watching it" : 10
{}是为了显示原码-
{```mermaid
pie title NETFLIX
         "Time spent looking for movie" : 90
         "Time spent watching it" : 10
```}

表格

左对齐右对齐居中对齐
单元格单元格单元格
单元格单元格单元格
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

横向流程图源码格式:

graph LR A[方形] -->B(圆角) B --> C{条件a} C -->|a=1| D[结果1] C -->|a=2| E[结果2] F[横向流程图]
\```mermaid
graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]
\```

竖向流程图源码格式:

graph TD A[方形] --> B(圆角) B --> C{条件a} C --> |a=1| D[结果1] C --> |a=2| E[结果2] F[竖向流程图]
\```mermaid
graph TD
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
    F[竖向流程图]
\```

简单流程图

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
/```Flowchart
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
/```

支持的 HTML 元素

不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。

目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等 ,如:
Ctrl+Alt+Del 重启电脑

<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑

转义

Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:

文本加粗
** 正常显示星号 **
image.png

努力成长的程序员