Markdown简明教程[3]进阶语法

1.特殊符号

反斜杠来帮助插入特殊符号

\\   反斜线
\`   反引号
\*   星号
\#   井字号

显示效果

\ 反斜线
` 反引号
* 星号
# 井字号

2.段落

Markdown 段落没有特殊的格式，直接编写文字就好，段落换行有多种方式

两个空格+shift+enter换行

显示效果：

行一
行二

直接回车空行换行

显示效果

行一

行二

html<br>换行

html
换行

3.目录

在段落中填写 [TOC] 以显示全文内容的目录结构。

[TOC]

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

显示效果：

image-20200516145226986

4.待办事宜

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

- [ ] **Markdown 文档**
    - [ ] 基本介绍
    - [ ] 基础语法
    - [x] 进阶语法
        - [x] 修复 LaTex 公式
        - [x] 流程图

显示效果：

image-20200516191244122

4.LaTeX 公式[1]

$ 表示行内公式，$$ 表示整行公式

质能守恒方程可以用一个很简洁的方程式 $E=mc^2$ 来表达。

质能守恒方程可以用一个很简洁的方程式 \(E=mc^2\) 来表达。

$$\sum_{i=1}^n a_i=0$$

\[\sum_{i=1}^n a_i=0 \]

$$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 \]

$$\sum^{j-1}_{k=0}{\widehat{\gamma}_{kj} z_k}$$

\[\sum^{j-1}_{k=0}{\widehat{\gamma}_{kj} z_k} \]

5.绘图

5.1 flow流程图[2]

​```flow
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
​```

image-20200516210940069

5.2 sequence时序图[3]

​```sequence
Title: 标题：复杂使用
对象A->对象B: 对象B你好吗?（请求）
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象B->对象C: 你好吗
对象C-->>对象A: 对象B找我了
对象A->对象B: 你真的好吗？
Note over 对象C,对象B: 我们是朋友
participant 对象D
Note right of 对象D: 没人陪我玩
​```

image-20200516211054089

5.2mermaid 流程图[4]

​```mermaid
graph TD
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
​```

image-20200516211114754

5.4mermaid 时序图

​```mermaid
  sequenceDiagram
    participant 张三
    participant 李四
    张三->王五: 王五你好吗？
    loop 健康检查
        王五->王五: 与疾病战斗
    end
    Note right of 王五: 合理 食物 <br/>看医生...
    李四-->>张三: 很好!
    王五->李四: 你怎么样?
    李四-->王五: 很好!
​```

image-20200516211140609

5.6mermaid类图

​```mermaid
classDiagram
      Animal <|-- Duck
      Animal <|-- Fish
      Animal <|-- Zebra
      Animal : +int age
      Animal : +String gender
      Animal: +isMammal()
      Animal: +mate()
      class Duck{
          +String beakColor
          +swim()
          +quack()
      }
      class Fish{
          -int sizeInFeet
          -canEat()
      }
      class Zebra{
          +bool is_wild
          +run()
      }
​```

image-20200516211421185

5.7mermaid状态图

​```mermaid
stateDiagram
    [*] --> Still
    Still --> [*]
    Still --> Moving
    Moving --> Still
    Moving --> Crash
    Crash --> [*]
​```

image-20200516211255022

5.8mermaid饼图

​```mermaid
pie title Pets adopted by volunteers
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 15 
​```

image-20200516211514437

5.9mermaid甘特图

​```mermaid
        gantt
        dateFormat  YYYY-MM-DD
        title 软件开发甘特图
        section 设计
        需求                      :done,    des1, 2014-01-06,2014-01-08
        原型                      :active,  des2, 2014-01-09, 3d
        UI设计                    :         des3, after des2, 5d
        未来任务                   :         des4, after des3, 5d
        section 开发
        学习准备理解需求            :crit, done, 2014-01-06,24h
        设计框架                   :crit, done, after des2, 2d
        开发                      :crit, active, 3d
        未来任务                   :crit, 5d
        修复bug                   :2d
        section 测试
        功能测试                   :active, a1, after des3, 3d
        压力测试                   :after a1  , 20h
        测试报告                   :48h
​```

image-20200516211603718

  1. LaTeX（LTEX，音译“拉泰赫”）是一种基于ΤΕΧ的排版系统, 访问 MathJax ，Cmd Markdown 公式指导手册参考更多使用方法。 ↩︎

  2. Draws simple SVG flow chart diagrams from textual ，访问 flowchart 参考更多使用方法。 ↩︎

  3. Turns text into UML sequence diagrams,访问 js-sequence 参考更多使用方法。 ↩︎

  4. Mermaid(英[ˈmɜːmeɪd],美人鱼),Generation of diagrams and flowcharts from text in a similar manner as markdown.访问mermaid参考更多使用方法。 ↩︎

posted @ 2020-05-16 21:24  弦歌飞鸿  阅读(614)  评论(0)    收藏  举报