美文网首页
Markdown进阶语法学习笔记

Markdown进阶语法学习笔记

作者: azureliu | 来源:发表于2017-09-14 13:44 被阅读0次

学完了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


  1. 这是一个 注脚文本

相关文章

  • 00.markdowm语法

    Link: Markdown 语法说明 . Link: Markdown进阶语法整理 .

  • 课堂学习部分摘要

    10月4日 学习markdown 语法 有道云笔记markdown指南 学习markdown语法,是文体内容简洁规...

  • Markdown语法学习——进阶篇

    站长寄语 在上一篇学习了Markdown语法的基础语句,今天学习的是进阶篇,更好的掌握Markdown语法,分享给...

  • Markdown 语法学习笔记

    Markdown 语法学习笔记 学习 Markdown 语法说明做的笔记 写了一些例子,按这些例子自己动手输入一遍...

  • 指纹识别-Android

    指纹识别-Android @(Android进阶资料)[Android, 学习, 读书笔记, Markdown]指...

  • 2018-05-28 今天我学会了Markdown基本语法

    以下是一些常用的基本语法,Markdown其他语法可以参考这篇『Markdown 进阶语法说明』。 # 这是一级标...

  • Markdown 基本语法

    Markdown语法 当前文档仅用作个人学习笔记,来源: Markdown 中文文档 概述设计理念Markdown...

  • 生信学习小组 D1

    Day 1 学习笔记 markdown 学习笔记 学习常见语法,加粗 斜体 斜体+加粗 插入图片 代码块 插入图...

  • Markdown语法使用指南

    Markdown 语法 以下是 Markdown 的常用语法!在以后的笔记中将持续使用 Markdown 语法进行...

  • MARKDOWN学习笔记

    标题 # MARKDOWN学习笔记 MARKDOWN学习笔记 MARKDOWN学习笔记- MARKDOWN学习笔记...

网友评论

      本文标题:Markdown进阶语法学习笔记

      本文链接:https://www.haomeiwen.com/subject/auhdsxtx.html