【笔记】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
相关推荐
jdyzzy7 小时前
如何开发CRM系统中的财务管理板块(附架构图+流程图+代码参考)
流程图
码路工人8 小时前
【Markdown-01】初识 Markdown——你的第一份文档
markdown
码路工人8 小时前
【Markdown-00】前言:为什么是 Markdown?
程序员·markdown·电子书
间彧17 小时前
Markdown进阶技能:用代码画流程图
markdown
Designseek满血版2 天前
流程图生成新体验,PicDoc 入门篇
流程图
shenyan~4 天前
关于 栈帧变化完整流程图(函数嵌套)
流程图
字节逆旅7 天前
如何将markdown生成pdf
markdown
修仙的人17 天前
开源 | 我将用最优雅的方式在 Vue 中渲染 AI 应用返回的 Markdown 数据
前端·vue.js·markdown
<花开花落>17 天前
AI 辅助生成 Mermaid 流程图
ai·流程图·mermaid·tool
黑塞12317 天前
Vscode 编写Markdown支持 plantuml书写
ide·vscode·编辑器·markdown·plantuml