Markdown语法

1.段落换行

  • 段前缩进

    不是只有无聊的人才会无聊吗?但我接着开始想：当我们无聊时，会发生什么事?或更重要的：当我们从不无聊时，会发生什么事?如果我们完全摆脱这种人类情绪，又会发生什么事?我开始和神经科学家及认知心理学家谈这个话题，他们给我的回复很棒。结果是，当你无聊时，你会点燃你脑中的一个网路，叫做「预设模式」。所以当我们在折洗好的衣服、或是走路去上班时，我们的身体会自动驾驶，但其实那时我们的大脑才真的很忙。

  • 换行

无法使用回车健换行，输入<br>

序号 内容
1 不是只有无聊的
人才会无聊吗

不是只有无聊的
<br>人才会无聊吗?

2.标题

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

语法：#号加空格。
最多支持6级标题

3.区块引用

名人名言

嵌套引用

粗体

序号 内容
1 表格

语法：大于号加空格。
支持嵌套引用，可以无限嵌套。需要引用多行需要在每行开头都添加大于号和空格。

  • 颜色标注
    INFO 类型引用：

我是INFO类型引用
我是INFO类型引用

warning 类型引用：

我是warning类型引用
我是warning类型引用

success 类型引用：

我是success类型引用
我是success类型引用

danger 类型引用：

我是danger类型引用
我是danger类型引用

4.列表

  • 无序列表1
  • 无序列表2

语法：减号、加号加空格。

  1. 有序列表1
  2. 有序列表2
  3. 有序列表3

语法：数字和点加空格。
数字再展示的时候会自动更新

5.代码区块

hello world

语法：4个空格或者两个反引号

6.图片居中


虚拟接口带宽配置
<center>
    <img style="border-radius: 0.3125em;
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);" 
    src="/uploads/op-book/images/m_1d31533fbd03d2b7d14a97148a765c9d_r.png">
    <br>
    <div style="color:orange; border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    color: #999;
    padding: 2px;">虚拟接口带宽配置</div>
</center>

7. 流程图

7.1 图表方向

表述 说明
TB 从上到下
BT 从下到上
RL 从右到左
LR 从左到右

7.2 节点定义

即流程图中每个文本块，包括开始、结束、处理、判断等。Mermaid 中每个节点都有一个 id，以及节点的文字。

表述 说明
id[文字] 矩形节点
id(文字) 圆角矩形节点
id((文字)) 圆形节点
id>文字] 右向旗帜状节点
id{文字} 菱形节点

需要注意的是，如果节点的文字中包含标点符号，需要时用双引号包裹起来。

7.3 节点间的连线

表述 说明
> 添加尾部箭头
- 不添加尾部箭头
–- 单线
–text– 单线上加文字
== 粗线
==text== 粗线加文字
-.- 虚线
-.text.- 虚线加文字

实操演示-流程图

需要填写说明第二个分支第二个子分支指向菱形旗帜原形第一个矩形第三个椭圆形圆形菱形旗帜
Created with Raphaël 2.2.0开始结果是 或 否?搜索中...结束支线结果我的结果yesno
st=>start: 开始:>http://www.google.com[blank]
e=>end: 结束:>http://www.google.com
op1=>operation: 结果
sub1=>subroutine: 我的结果
cond=>condition: 是 或 否?:>http://www.google.com
io=>inputoutput: 搜索中...
para=>parallel: 支线结果

st->op1->cond
cond(yes)->io->e
cond(no)->para
para(path1, bottom)->sub1(right)->op1
para(path2, top)->op1
Created with Raphaël 2.2.0StartMy OperationYesor No?Good ideacatch something...EndStuffMy SubroutineAPPROVEDn/an/aREJECTED
st=>start: Start|past:>http://www.google.com[blank]
e=>end: End|future:>http://www.google.com
op1=>operation: My Operation|past
op2=>operation: Stuff|current
sub1=>subroutine: My Subroutine|invalid
cond=>condition: Yes
or No?|approved:>http://www.google.com
c2=>condition: Good idea|rejected
io=>inputoutput: catch something...|future

st->op1(right)->cond
cond(yes, right)->c2
cond(no)->sub1(left)->op1
c2(yes)->io->e
c2(no)->op2->e
Created with Raphaël 2.2.0Improve yourl10n process!Go to locize.comRead the awesomenessInterested togetting started?RegisterLoginvalid password?Create a demo projectStart your real projectSubscribeContinue to have fun!reset password?send emailRead about improvingyour localization workflowor another sourceyesnoyesnoyesno

8.时序图

8.1 时序图语法

前端服务器前端服务器应用服务器应用服务器数据库服务器数据库服务器存储服务器存储服务器正常的线虚线开口箭头虚线开口箭头
前端服务器->应用服务器: 正常的线
应用服务器-->数据库服务器: 虚线
数据库服务器->>存储服务器: 开口箭头
存储服务器-->>前端服务器: 虚线开口箭头

实操演示-甘特图

03/1403/2103/2804/0404/1104/1804/2505/02项目启动 项目计划 需求分析 软件设计 软件编码 软件测试 项目交付 软件协同开发课程这是个甘特图的栗子?
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