markdown操作

忘是亡心i 2022-11-10 14:14 116阅读 0赞

[https://segmentfault.com/markdown][https_segmentfault.com_markdown]

\# \*\*Markdown 一级标题-加粗\*\*

\#\# \*Markdown 二级标题-加斜\*

\#\#\# \*\*\*Markdown 三级标题-加粗加斜\*\*\*

\#\#\#\# ~ Markdown 四级标题-删除~

\#\#\#\#\# > Markdown 五级标题-引用

\#\#\#\#\#\# Markdown 六级标题-分割线（\*\*\*/---）

\#\#\# Markdown 段落没有特殊的格式，直接编写文字就好，段落的换行是使用两个以上空格加上回车。

\#\#\# Markdown 可以使用以下几种字体：

> \*斜体文本\*

> \_斜体文本\_

> \*\*粗体文本\*\*

> \_\_粗体文本\_\_

> \*\*\*粗斜体文本\*\*\*

> \_\_\_粗斜体文本\_\_\_

\#\#\# Markdown 支持有序列表和无序列表。

无序列表使用星号(\*)、加号(+)或是减号(-)作为列表标记，这些标记后面要添加一个空格，然后再填写内容：

\* 第一项

\* 第二项

\* 第三项

\+ 第一项

\+ 第二项

\+ 第三项

\- 第一项

\- 第二项

\- 第三项

有序列表使用数字并加上 . 号来表示，如：

1. 第一项

2. 第二项

3. 第三项

列表嵌套

列表嵌套只需在子列表中的选项前面添加四个空格即可：

1. 第一项：

\- 第一项嵌套的第一个元素

\- 第一项嵌套的第二个元素

2. 第二项：

\- 第二项嵌套的第一个元素

\- 第二项嵌套的第二个元素

\#\#\# 分割线

三个或者三个以上的 - 或者 \* 都可以。

示例：

\---

\----

\*\*\*

\*\*\*\*\*

\#\#\# Markdown 区块

Markdown 区块引用是在段落开头使用 > 符号 ，然后后面紧跟一个空格符号：

> 最外层

> > 第一层嵌套

> > > 第二层嵌套

\#\#\# Markdown 代码

如果是段落上的一个函数或片段的代码可以用反引号把它包起来（\`），例如：

\`printf()\` 函数

代码区块: 代码区块使用 4 个空格或者一个制表符（Tab 键）。

$(document).ready(function () \{

alert('RUNOOB');

\});

你也可以用 \`\`\` 包裹一段代码，并指定一种语言（也可以不指定）：

\`\`\`javascript

$(document).ready(function () \{

alert('RUNOOB');

\});

\`\`\`

\#\#\# Markdown 链接

链接使用方法如下：

\[链接名称\](链接地址)

或者

<链接地址>

这是一个链接 \[菜鸟教程\](https://www.runoob.com)

<https://www.runoob.com>

高级链接

我们可以通过变量来设置一个链接，变量赋值在文档末尾进行：

这个链接用 1 作为网址变量 \[Google\]\[1\]

这个链接用 runoob 作为网址变量 \[Runoob\]\[runoob\]

然后在文档的结尾为变量赋值（网址）

\[1\]: http://www.google.com/

\[runoob\]: http://www.runoob.com/

\#\#\# Markdown 图片

Markdown 图片语法格式如下：

!\[alt 属性文本\](图片地址)

!\[alt 属性文本\](图片地址 "可选标题")

alt 属性文本 就是显示在图片下面的文字，相当于对图片内容的解释。

可选标题 是图片的标题，当鼠标移到图片上时显示的内容。可选标题 可加可不加

使用实例：

!\[RUNOOB 图标\](http://static.runoob.com/images/runoob-logo.png)

!\[RUNOOB 图标\](http://static.runoob.com/images/runoob-logo.png "RUNOOB")

\#\#\# Markdown 表格

Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。

语法格式如下：

| 表头 | 表头 |

| ---- | ---- |

| 单元格 | 单元格 |

| 左对齐 | 右对齐 | 居中对齐 |

| :-----| ----: | :----: |

| 单元格 | 单元格 | 单元格 |

\#\#\# 以下几个实例效果图如下：

1、横向流程图源码格式：

\`\`\`mermaid

graph LR

A\[方形\] -->B(圆角)

B --> C\{条件a\}

C -->|a=1| D\[结果1\]

C -->|a=2| E\[结果2\]

F\[横向流程图\]

\`\`\`

2、竖向流程图源码格式：

\`\`\`mermaid

graph TD

A\[方形\] --> B(圆角)

B --> C\{条件a\}

C --> |a=1| D\[结果1\]

C --> |a=2| E\[结果2\]

F\[竖向流程图\]

\`\`\`

3、标准流程图源码格式：

\`\`\`flow

st=>start: 开始框

op=>operation: 处理框

cond=>condition: 判断框(是或否?)

sub1=>subroutine: 子流程

io=>inputoutput: 输入输出框

e=>end: 结束框

st->op->cond

cond(yes)->io->e

cond(no)->sub1(right)->op

\`\`\`

4、标准流程图源码格式（横向）：

\`\`\`flow

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

\`\`\`

5、UML时序图源码样例：

\`\`\`sequence

对象A->对象B: 对象B你好吗?（请求）

Note right of 对象B: 对象B的描述

Note left of 对象A: 对象A的描述(提示)

对象B-->对象A: 我很好(响应)

对象A->对象B: 你真的好吗？

\`\`\`

6、UML时序图源码复杂样例：

\`\`\`sequence

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: 没人陪我玩

\`\`\`

7、UML标准时序图样例：

\`\`\`mermaid

%% 时序图例子,-> 直线，-->虚线，->>实线箭头

sequenceDiagram

participant 张三

participant 李四

张三->王五: 王五你好吗？

loop 健康检查

王五->王五: 与疾病战斗

end

Note right of 王五: 合理 食物 <br/>看医生...

李四-->>张三: 很好!

王五->李四: 你怎么样?

李四-->王五: 很好!

\`\`\`

8、甘特图样例：

\`\`\`mermaid

%% 语法示例

gantt

dateFormat YYYY-MM-DD

title 软件开发甘特图

section 设计

需求 :done, des1, 2014-01-06,2014-01-08

原型 :active, des2, 2014-01-09, 3d

UI设计 : des3, after des2, 5d

未来任务 : des4, after des3, 5d

section 开发

学习准备理解需求 :crit, done, 2014-01-06,24h

设计框架 :crit, done, after des2, 2d

开发 :crit, active, 3d

未来任务 :crit, 5d

耍 :2d

section 测试

功能测试 :active, a1, after des3, 3d

压力测试 :after a1 , 20h

测试报告 : 48h

\`\`\`

[https_segmentfault.com_markdown]: https://segmentfault.com/markdown

markdown操作

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关自学Markdown简单操作

相关【Markdown】markdown语法规定

相关 markdown操作方法

相关 markdown操作

相关 Mastering Markdown(掌握Markdown)

相关 markdown 操作文章

相关 Markdown中如何实现内容折叠操作

相关 Markdown 进阶操作 | 流程图、时序图制作

相关基本的MarkDown操作命令

相关 MarkDown的常用操作