文字语法
标题
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
删除线
我被删除啦
粗体字
我是粗体字
斜体字
我是斜体字
粗体加斜体字
我是粗体加斜体字
插入代码行
输入```然后再紧接着输入代码语言会插入代码行,且有高亮。
或者在输入```后直接写代码,在右上角的语言框重新输入也可
引用
>加文字
厉害
使用两组```在两组中间加入文字,即可实现引用效果
像这样
-[ ]选择-[x]未选择 记得 ‘ - ’ 、‘[ ]’和‘ ] ’后各加一个空格
- [ ]选择 -[x] 未选择
- 选择
- 未选择
荧光处理
俩等号中间加文字是荧光处理
例如:中间加文字
表情
使用:后键入表情的英文名
例如😄
脚注(Footnote)
Markdown 语法:
这是一个脚注:[^1]
效果如下:
这是一个脚注:1
表格
|item | Qty | Price| and press return
绘图语法
流程图
流程图方向
节点图形
节点还可以用:::
调用修饰函数,如下:
graph LR A:::someclass --> B classDef someclass fill:#f96;
连接线
子图
graph TB c1-->a2 subgraph one a1-->a2 end subgraph two b1-->b2 end subgraph three c1-->c2 end
效果图:
样式
linkStyle 后面的数字表示第几根线,从 0 开始。可以指定颜色和粗细
graph TD; A-->B; A-->C; B-->D; C-->D; linkStyle 0 stroke:#0ff,stroke-width:2px; linkStyle 3 stroke:#ff3,stroke-width:4px;
可以设置节点背景,边框颜色,粗细,实线还是虚线
graph LR id1(Start)-->id2(Stop) style id1 fill:#f9f,stroke:#333,stroke-width:4px style id2 fill:#ccf,stroke:#f66,stroke-width:2px,stroke-dasharray: 5, 5
图标
可以使用 Font Awesome 图标。语法 fa:icon class name
。
graph TD B["fa:fa-twitter for peace"] B-->C[fa:fa-ban forbidden] B-->D(fa:fa-spinner); B-->E(A fa:fa-camera-retro perhaps?);
效果图: