学完了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
-
这是一个 注脚 的 文本 ↩