直接上图，左右对应。
首先是基础语法。
- # 标题，几个就代表几级标题；
- * 单个是序号，两个在一起就是斜体；
- - [ ] 代表任务，注意其中的空格；
然后是表格按钮代码
- | 使用中竖线代表表格，对齐使用的是英文冒号，这里我还没玩太清楚；
- * 两个*号包裹时，代表加粗，三个则是加粗加斜体；
- <kbd> 标签用来表示按钮；
- 链接和图片的格式比较类似，都是[占位符](具体地址)，区别在于图片前面加了感叹号；
- > 表示引用，就是会单行高亮；
- 下划线和文本的对齐方式，用的是HTML标签；
- 反引号 · ，三个代表块级元素，一个代表行内代码。当使用不同的标识时，被渲染的方式也不同。如果标识是编程语言，则会渲染成代码块。如果标识是mermaid，则会根据具体的内容进行渲染
绘图部分，其代码源自csdn的markdown示例
