Markdown扩展语法

浅浅的花香味﹌ 2023-08-17 17:10 110阅读 0赞

**本文是基于Typora的软件的编辑器来进行测试的，如果你所选用的编辑器不支持该语法可忽略该内容**

### 链接 ###

链接: [link][].

图片: ![Alt][]

带尺寸的图片: ![Alt][]

居中的图片: ![Alt][Alt 1]

居中并且带尺寸的图片: ![Alt][Alt 1]

链接: [link](https://mp.csdn.net).
    
    图片: ![Alt](/images/20230808/6e7deaa001f242afa12625b53445edfc.png)
    
    带尺寸的图片: ![Alt](/images/20230808/6e7deaa001f242afa12625b53445edfc.png =30x30)
    
    居中的图片: ![Alt](/images/20230808/6e7deaa001f242afa12625b53445edfc.png#pic_center)
    
    居中并且带尺寸的图片: ![Alt](/images/20230808/6e7deaa001f242afa12625b53445edfc.png#pic_center =30x30)

### Todo List ###

*  1111
 *  2222

- [ ] 1111
    - [x] 2222

### 表格 ###

<table> 
 <thead> 
  <tr> 
   <th align="left">Item</th> 
   <th align="right">Value</th> 
   <th align="center">Qty</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">Computer</td> 
   <td align="right">1600 USD</td> 
   <td align="center">5</td> 
  </tr> 
  <tr> 
   <td align="left">Phone</td> 
   <td align="right">12 USD</td> 
   <td align="center">12</td> 
  </tr> 
  <tr> 
   <td align="left">Pipe</td> 
   <td align="right">1 USD</td> 
   <td align="center">234</td> 
  </tr> 
 </tbody> 
</table>

| Item      |    Value | Qty  |
    | :-------- | --------:| :--: |
    | Computer  | 1600 USD |  5   |
    | Phone     |   12 USD |  12  |
    | Pipe      |    1 USD | 234  |

### 时序图(UML图) ###

AliceBobHello Bob, how are you?Bob thinksI am good thanks!AliceBob

``mermaid #代码块开始符号少了一个反单引号，便于显示源代码
    sequenceDiagram
    Alice->>Bob: Hello Bob, how are you?
    Note right of Bob: Bob thinks
    Bob-->>Alice: I am good
     thanks!
    ``

### 流程图(Flowchart) ###

Created with Raphaël 2.2.0StartMy OperationYes or No?Endyesno

``mermaid #代码块开始符号少了一个反单引号，便于显示源代码
    flowchat
    st=>start: Start
    e=>end
    op=>operation: My Operation
    cond=>condition: Yes or No?
    
    st->op->cond
    cond(yes)->e
    cond(no)->op
    ``

在typora中流程图是:

``flow
    代码
    ``

gitlab中显示改流程图存在异常，估计需要安装插件；

### 插入甘特图(gantt图) ###

Mon 06Mon 13已完成 进行中 计划中现有任务Adding GANTT diagram functionality to mermaid

``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
    ``

### LaTeX 公式 ###

可以创建行内公式，例如 KaTeX parse error: Expected group after '\\mathbb' at end of input: …all n\\in\\mathbb。  
或者块级公式：  
 x = − b ± b 2 − 4 a c 2 a x = \\dfrac\{-b \\pm \\sqrt\{b^2 - 4ac\}\}\{2a\} x=2a−b±b2−4ac

**常用字符表参考**:

1.  [Typora中利用LaTeX 插入数学公式][Typora_LaTeX]
2.  [使用Typora添加数学公式][Typora]
3.  [Markdown语法][Markdown] MinDoc介绍的很详细，关于Markdown图表的内容值得一看
4.  [mermaid][] Markdown图表插件的官方说明文档
5.  [flow chart][] 流程图的网站

[link]: https://mp.csdn.net
[Alt]: /images/20230808/6e7deaa001f242afa12625b53445edfc.png
[Alt 1]: /images/20230808/6e7deaa001f242afa12625b53445edfc.png#pic_center
[Typora_LaTeX]: https://blog.csdn.net/happyday_d/article/details/83715440
[Typora]: https://blog.csdn.net/mingzhuo_126/article/details/82722455
[Markdown]: https://www.iminho.me/wiki/docs/mindoc/markdown-grammar.md
[mermaid]: https://mermaid-js.github.io/mermaid/#/README
[flow chart]: http://flowchart.js.org/