Markdown进阶语法学习笔记

2017-09-14 本文已影响0人 azureliu

学完了Markdown基本的基本语法，想起来偶然看到过有表格，但是基础语法好像没有提到,一查才知道，原来Markdown还有更强大的进阶语法，Markdown能做的事超出想象。

备注：文章写完以后发现进阶语法的有些效果在博客里显示不出来，但是最近比较忙，所以没时间修改，需要看效果的，请移步https://www.zybuluo.com/mdeditor?url=https://www.zybuluo.com/static/editor/md-help.markdown#cmd-markdown

1.表格

例子

| 列1 | 列2 | 列3 | 列4 |
| : - | : - : | - : | - |
| 1 | 2 | 3 | 4 |
| 5 | 6 | 7 | 8 |

列1	列2	列3	列4
1	2	3	4
5	6	7	8

由上面的例子看出，对表格最重要的是第二行的标记| : - | : - : | - : | - |,分隔表头和表格，使用| - |分隔(空格可有可无，-的数量不影响)，:相对于-的位置表示表格内容的对齐方式(左对齐，居中和右对齐)，如果没有默认左对齐。

2.加强的代码块表示

支持多种编程语言的语法高亮显示，以及显示行号，标记方式``` + 语言(python),注意，代码块结尾同样要用```包裹代码块。

例子

``` python
from PIL import Image, ImageDraw, ImageFont

def add_num(img):
　　draw = ImageDraw.Draw(img)
　　myfont = ImageFont.truetype('C:/windows/fonts/Arial.ttf', size=40)
　　fillcolor = "#ff0000"
　　width, height = img.size
　　draw.text((width-40, 0), '99', font=myfont, fill=fillcolor)
　　img.save('result.jpg','jpeg')

return 0
if name == 'main':
　　image = Image.open('image.jpg')
　　add_num(image)
```

  from PIL import Image, ImageDraw, ImageFont

  def add_num(img):
    draw = ImageDraw.Draw(img)
    myfont = ImageFont.truetype('C:/windows/fonts/Arial.ttf', size=40)
    fillcolor = "#ff0000"
    width, height = img.size
    draw.text((width-40, 0), '99', font=myfont, fill=fillcolor)
    img.save('result.jpg','jpeg')

    return 0
  if __name__ == '__main__':
    image = Image.open('image.jpg')
    add_num(image)

3.注脚

使用[^keyword]表示注脚。

这有一个注脚[^footnote]。
这有一个注脚^[1]。

备注：不同编辑器对注脚的表示方式不同。以上表示来自“作业部落”。

4.删除线

使用~~包裹所需文字，实现删除线显示。

~_{这是一段被删除的文字。}~
~~这是一段被删除的文字。~~

5.LaTeX公式

$标记行内公式。

质能方程 $E=mc^$
质能方程$E=mc^$

$$标记整行公式。

$$f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 $$
$$f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 $$

更多更详细的公式表示请参考MathJax

6.待办事宜Todo列表

使用带有 [ ] 或 [x] （未完成或已完成）项的列表语法创建一个待办事宜列表，且该列表支持嵌套以及混用Markdown语法。

- [ ] __作业__
    - [x] 语文
    - [ ] 数学
    - [ ] 物理
- [ ] **英语**
    - [ ] 口语
    - [x] 听力
    - [ ] 阅读
    - [x] 写作

[ ] 作业
- [x] 语文
- [ ] 数学
- [ ] 物理
[ ] 英语
- [ ] 口语
- [x] 听力
- [ ] 阅读
- [x] 写作

7.Markdown可以用于画一些图，以下为这些图的效果以及语法参考链接，如有需要，请自行查阅。

1.流程图

st=>start: Start:>https://www.zybuluo.com
io=>inputoutput: verification
op=>operation: Your Operation
cond=>condition: Yes or No?
sub=>subroutine: Your Subroutine
e=>end

st->io->op->cond
cond(yes)->e
cond(no)->sub->io

语法请参考流程图语法参考

2.Mermaid流程图

A[Hard edge] -->|Link text| B(Round edge)
B --> C{Decision}
C -->|One| D[Result one]
C -->|Two| E[Result two]

语法请参考Mermaid流程图语法参考

3.序列图

Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!

语法请参考序列图语法参考

4.甘特图

title 项目开发流程
section 项目确定
需求分析 :a1, 2016-06-22, 3d
可行性报告 :after a1, 5d
概念验证 : 5d
section 项目实施
概要设计 :2016-07-05 , 5d
详细设计 :2016-07-08, 10d
编码 :2016-07-15, 10d
测试 :2016-07-22, 5d
section 发布验收
发布: 2d
验收: 3d

语法请参考甘特图语法参考

更多用法参考Mermaid

这是一个注脚的文本 ↩