文章目录
- 一、基础指南
- 目录生成
- 回车
- 标题
- 代码块
- 列表
- 引用
- 字体
- 链接
- 分割线
- 二、进阶指南
- 待办事项
- 数学公式
- 锚点跳转
- 三、绘图
- 连接线
- 表格
- 流程图
- 时序图
- 甘特图
一、基础指南
目录生成
语法自动生成，保持独占一行
@[toc]
正文回车
普通文本需要回车
需要在上一段文本末尾加至少2个空格
标题
# 一级标题
## 二级标题
### 三级标题代码块
用```来标记，起始和末尾都要
列表
- 无序列表1
- 无序列表2
- 有序列表1
- 有序列表2
- 无序列表1
- 无序列表2
1. 有序列表1
2. 有序列表2引用
如果你需要在文稿中引用一段别处的句子，那么就要用到「引用」格式。
在引用文字前加上> 并与文字保留一个字符的空格，即可。
字体
这是粗体，这是斜体，这是删除，++这是下滑++，这是高亮
**这是粗体**，*这是斜体*，~~这是删除~~，++这是下滑++，==这是高亮==链接
插入链接只需要使用 文本 即可。
插入图片只需在链接前加个!即可。
插入链接只需要使用 [文本](链接地址) 即可。
插入图片只需在链接前加个![有道云笔记]()即可分割线
第一段内容
***
第二段内容二、进阶指南
待办事项
- 已完成项目1
- [x] 已完成项目1
- [x] 已完成事项1
- [x] 已完成事项2
- [ ] 待办事项1
- [ ] 待办事项2数学公式
用```math开头
\oint_C x^3\, dx+4y^2\,dy锚点跳转
点击跳转至66
<html> <h1 id=66></h1> </html>
跳转文本需要放在html中，标题语法h1-6包含，#66是需要跳转的id
[点击跳转至66](#66)三、绘图
连接线
text
text
text
text
text
text
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
1-->2
2---3
3--text---4
5--text-->6
6-.-7
7-.->8
9-.text.-10
10-.text.->11
11===12
13==>14
14==text===15
15==text==>16表格
简单表格
1 | 2 | 3 |
11 | 12 | 13 |
21 | 22 | 23 |
1|2|3
---|---|---
11|12|13
21|22|23复杂表格
1 | 2 | 3 |
1111111 | 2222222 | 3333333 |
21 | 22 | 23 |
|1 | 2| 3 |
|:------|------:|:-----:|
|1111111|2222222|3333333|
|21 | 22| 23 |流程图
1
2
3
过节
去买东西
让我想想
东西1
东西2
东西3
graph TD
A[过节]==>B(去买东西)
B --> C{让我想想}
C --1--> D[东西1]
C --2--- E[东西2]
C -.3.-> F[东西3]时序图
Alice John 预热专有服 Hello John, how are you? Great! loop [ every day ] Alice John
sequenceDiagram
Note over Alice, John:预热专有服
loop every day
Alice->>John: Hello John, how are you?
John-->> Alice: Great!
end
Alice Bob Hello Bob, how are you? not so good :( good alt [ is sick ] [ is well ] Thanks for asking opt [ Extra response ] Alice Bob
sequenceDiagram
Alice->>Bob: Hello Bob, how are you?
alt is sick
Bob->>Alice:not so good :(
else is well
Bob->>Alice:good
end
opt Extra response
Bob->>Alice:Thanks for asking
end
B A 倒霉, 碰到B了 Hello B, how are you ? 倒霉,碰到A了 Fine, thx, and you? 快点溜，太麻烦了。。。 I'm fine too. 快点打发了A Great! 溜之大吉 Wait a moment look B, go? let me go? loop [ Look B every minute ] I'm off, byte 太好了, 他走了 B A
sequenceDiagram
# 通过设定参与者(participant)的顺序控制展示顺序
participant B
participant A
Note right of A: 倒霉, 碰到B了
A->>B: Hello B, how are you ?
note left of B: 倒霉,碰到A了
B-->>A: Fine, thx, and you?
note over A,B:快点溜，太麻烦了。。。
A->>B: I'm fine too.
note left of B: 快点打发了A
B-->>A: Great!
note right of A: 溜之大吉
A-xB: Wait a moment
loop Look B every minute
A->>B: look B, go?
B->>A: let me go?
end
B--xA: I'm off, byte
note right of A: 太好了, 他走了甘特图
Mon 07 Mon 14 Mon 21 Mon 28 明确需求 跟进开发 走查测试 初期阶段 中期阶段 后期阶段 产品计划表
gantt
dateFormat YYYY-MM-DD
title 产品计划表
section 初期阶段
明确需求: 2016-03-01, 10d
section 中期阶段
跟进开发: 2016-03-11, 15d
section 后期阶段
走查测试: 2016-03-20, 9d
Mon 06 Mon 13 Mon 20 Completed task Active task Future task Future task2 Completed task in the critical line Implement parser and jison Create tests for parser Future task in critical line Create tests for renderer Add to mermaid Describe gantt syntax Add gantt diagram to demo page Add another diagram to demo page Describe gantt syntax Add gantt diagram to demo page Add another diagram to demo page A section Critical tasks Documentation Last section Adding GANTT diagram functionality to mermaid
gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section A section
Completed task :done, des1, 2014-01-06,2014-01-08
Active task :active, des2, 2014-01-09, 3d
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d
section Critical tasks
Completed task in the critical line :crit, done, 2014-01-06,24h
Implement parser and jison :crit, done, after des1, 2d
Create tests for parser :crit, active, 3d
Future task in critical line :crit, 5d
Create tests for renderer :2d
Add to mermaid :1d
section Documentation
Describe gantt syntax :active, a1, after des1, 3d
Add gantt diagram to demo page :after a1 , 20h
Add another diagram to demo page :doc1, after a1 , 48h
section Last section
Describe gantt syntax :after doc1, 3d
Add gantt diagram to demo page : 20h
Add another diagram to demo page : 48h
