【笔记】markdown易忘速查(对勾/表格/符号/流程图)

https://www.runoob.com/markdown/md-tutorial.html 这里有较系统的免费教程,本篇只是个人的使用备忘录,仅供参考

目录

mark易忘速查

目录

复制代码
@[toc](目录名称)

目录演示

表格

复制代码
|1|2|
|-|-|  
|3|4|
1 2
3 4

链接

复制代码
[百度](www.baidu.com)

百度

符号

使用时删除占位符中间的空格

占位符 符号
& cross;
& check;
& #9744;
& #9745;
& #10004;
& nbsp; 空格

公式

复制代码
$f(x) = sin(x)$                        #单个美元符号表示行内
$$f(x) = sin(x)$$
$$w^t_a$$
$$w^t_{(a*b)}$$
$$f(x) = \frac{a}{b}$$
$\sum_1^n$   $\int_1^n$     $\prod$    $\bigcap$    $\bigcup$    $\iint$    $\infty$ 

f ( x ) = s i n ( x ) f(x) = sin(x) f(x)=sin(x)
f ( x ) = s i n ( x ) f(x) = sin(x) f(x)=sin(x)
w a t w^t_a wat
w ( a ∗ b ) t w^t_{(a*b)} w(a∗b)t
f ( x ) = a b f(x) = \frac{a}{b} f(x)=ba
∑ 1 n \sum_1^n ∑1n ∫ 1 n \int_1^n ∫1n ∏ \prod ∏ ⋂ \bigcap ⋂ ⋃ \bigcup ⋃ ∬ \iint ∬ ∞ \infty ∞

流程/时序/甘特图

(开始或结尾多余点间空格删除)

复制代码
```mermaid
graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    B --> ...
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    E --> G(...)
    F[横向流程图]
` ``

a=1 a=2 方形 圆角 条件a ... 结果1 结果2 ... 横向流程图

复制代码
```mermaid
graph TD
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
    C --> |a=3| F[结果2]
    F[竖向流程图]
` ``

a=1 a=2 a=3 方形 圆角 条件a 结果1 结果2 结果2 竖向流程图

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

Created with Raphaël 2.3.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no

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

Created with Raphaël 2.3.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no

复制代码
```mermaid
sequenceDiagram
对象A->>对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->>对象A: 我很好(响应)
对象A->>对象B: 你真的好吗?
`` `

对象A 对象B 对象B你好吗?(请求) 对象B的描述 对象A的描述(提示) 我很好(响应) 你真的好吗? 对象A 对象B 标题:复杂使用

复制代码
```mermaid
sequenceDiagram
Title: 标题:复杂使用
对象A->>对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->>对象A: 我很好(响应)
对象B->>小三: 你好吗
小三-->>对象A: 对象B找我了
对象A->>对象B: 你真的好吗?
Note over 小三,对象B: 我们是朋友
participant C
Note right of C: 没人陪我玩
` ``

对象A 对象B 小三 C 对象B你好吗?(请求) 对象B的描述 对象A的描述(提示) 我很好(响应) 你好吗 对象B找我了 你真的好吗? 我们是朋友 没人陪我玩 对象A 对象B 小三 C 标题:复杂使用

复制代码
```mermaid
%% 时序图例子,-> 直线,-->虚线,->>实线箭头
  sequenceDiagram
    participant 张三
    participant 李四
    张三->王五: 王五你好吗?
    loop 健康检查
        王五->王五: 与疾病战斗
    end
    Note right of 王五: 合理 食物 <br/>看医生...
    李四-->>张三: 很好!
    王五->李四: 你怎么样?
    李四-->王五: 很好!
` ``

张三 李四 王五 王五你好吗? 与疾病战斗 loop [健康检查] 合理 食物 看医生... 很好! 你怎么样? 很好! 张三 李四 王五 标题:复杂使用

点点点mermaid

gantt

title 这是个甘特图

dateFormat MM-DD

section 软件协同开发课程

项目启动 :done,des1,03-09,7d

项目计划 :done,des2,after des1,6d

需求分析 :done,des3,after des2,9d

软件设计 :done,des4,after des3,12d

软件编码 :crit,active,des5,04-07,20d

软件测试 :des6,04-14,15d

项目交付 :des7,after des6,4d

点点点

复制代码
```mermaid
gantt
title 这是个甘特图
dateFormat MM-DD
section 软件协同开发课程
项目启动 :done,des1,03-09,7d
项目计划 :done,des2,after des1,6d
需求分析 :done,des3,after des2,9d
软件设计 :done,des4,after des3,12d
软件编码 :crit,active,des5,04-07,20d
软件测试 :des6,04-14,15d
项目交付 :des7,after des6,4d
相关推荐
sjzmj681315 小时前
脑洞大开——AI流程图如何改变思维?
人工智能·信息可视化·流程图·数据可视化
风口的程序猿1 天前
Vue自定义流程图式菜单解决方案
流程图·vue-router优化·显式业务流程管理·vue菜单优化·流程式菜单
wcy01124 天前
vue3+vue-flow制作简单可拖拽可增删改流程图
javascript·vue.js·流程图
zzywxc7874 天前
深入探讨AI在测试领域的三大核心应用:自动化测试框架、智能缺陷检测和A/B测试优化,并通过代码示例、流程图和图表详细解析其实现原理和应用场景。
运维·人工智能·低代码·架构·自动化·流程图·ai编程
用户6083089290474 天前
Markdown画图——Mermaid
markdown
hetongqiyue5 天前
orbslam2 localMapping流程图
流程图
c_zyer7 天前
Mermaid流程图可视化系统:基于Spring Boot与Node.js的三层架构实现
spring boot·node.js·流程图·mermaid
William.csj7 天前
VSCode——插件分享:Markdown PDF
vscode·pdf·markdown
范纹杉想快点毕业8 天前
基于 C 语言视角:流程图中分支与循环结构的深度解析
c语言·stm32·单片机·设计模式·架构·流程图·uml
一千柯橘8 天前
Milkdown:重塑 Markdown 编辑体验的开源利器【实时预览你的 markdown 内容】倍儿爽!
前端·开源·markdown