优快云 Markdown帮助文档

转载已于 2023-06-13 23:42:31 修改 · 165 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/blogdevteam/article/details/103478461

文章标签：

#markdown #csdn

于 2021-07-09 17:20:23 首次发布

日常问题大杂汇专栏收录该内容

82 篇文章

订阅专栏

本文详细介绍了优快云博客中使用的Markdown语法，包括标题、文本样式、列表、链接、代码块、表格、自定义列表、甘特图、UML图和流程图等，是学习Markdown写作的全面教程。

优快云的MARKDOWN标记文档写的真挺好的，各种DEMO全都有，因为常用，所以给转载了，调整了一下格式，让内容与效果同时展示，方便查阅

一、标题

# 1级标题

## 2级标题

### 3级标题

#### 四级标题

##### 五级标题

###### 陆级标题

1级标题

2级标题

3级标题

四级标题

五级标题

陆级标题

二、文本样式

*强调文本* _强调文本_

**加粗文本** __加粗文本__

==标记文本==

~~删除文本~~

> 引用文本

H~2~O is是液体。

2^10^ 运算结果是 1024。

强调文本 强调文本

加粗文本 加粗文本

标记文本

~~删除文本~~

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024。

三、列表

- 项目

* 项目

+ 项目

1. 项目1

2. 项目2

3. 项目3

- [ ] 计划任务

- [x] 完成任务

项目

项目

项目

项目1
项目2
项目3

计划任务
完成任务

四、链接

链接: [link](https://mp.youkuaiyun.com).

图片: ![Alt](https://i-blog.csdnimg.cn/blog_migrate/1c45030ad8e13438387a515d7f1409bc.png)

带尺寸的图片: ![Alt](https://i-blog.csdnimg.cn/blog_migrate/1c45030ad8e13438387a515d7f1409bc.png# =30x30)

链接: link.

图片: Alt

带尺寸的图片:

五、代码片

```

// A code block

var foo = 'bar';

```

```javascript

// An highlighted block

var foo = 'bar';

```

下面展示一些 内联代码片。


// A code block

var foo = 'bar';


// An highlighted block

var foo = 'bar';

代码片必须手动声明代码语言类型
目前支持代码类型: markup、html、svg、xml、c、clike、cpp、csharp、java、vbnet、go、ruby/rb、python/py、php、sql、perl、objectivec、swift、javascript/js、css、handlebars、bash、kotlin
代码片主题

默认主题为：Atom One Dark

可以前往 写作中心/博客设置 在代码片样式项进行更改

六、表格

项目 | Value

-------- | -----

电脑 | $1600

手机 | $12

导管 | $1


| Column 1 | Column 2 |

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

| centered 文本居中 | right-aligned 文本居右 |

项目	Value
电脑	$1600
手机	$12
导管	$1

Column 1	Column 2
centered 文本居中	right-aligned 文本居右

七、自定义列表

Markdown
	
	: Text-to-HTML conversion tool
	
Authors
	
	: John
	
	: Luke

Markdown

Text-to-HTML conversion tool

Authors

John

Luke

八、插入甘特图

```mermaid

gantt

dateFormat YYYY-MM-DD

title Adding GANTT diagram functionality to mermaid

section 现有任务

已完成 :done, des1, 2014-01-06,2014-01-08

进行中 :active, des2, 2014-01-09, 3d

计划中 : des3, after des2, 5d

```

九、插入UML图

```mermaid

sequenceDiagram

张三 ->> 李四: 你好！李四, 最近怎么样?

李四-->>王五: 你最近怎么样，王五？

李四--x 张三: 我很好，谢谢!

李四-x 王五: 我很好，谢谢!

Note right of 王五: 李四想了很长时间, 文字太长了不适合放在一行.

李四-->>张三: 打量着王五...

张三->>王五: 很好... 王五, 你怎么样?

```

十、插入Mermaid流程图

```mermaid

graph LR

A[长方形] -- 链接 --> B((圆))

A --> C(圆角长方形)

B --> D{菱形}

C --> D

```

十一、插入Flowchart流程图

```mermaid

flowchat

st=>start: 开始

e=>end: 结束

op=>operation: 我的操作

cond=>condition: 确认？

st->op->cond

cond(yes)->e

cond(no)->op

```

这个代码在 typora里面可能会报如下错误

解决方法是流程图开始的mermaid改成flow