markdown笔记

本文详细介绍了Markdown的基本语法,包括标题、代码块、文字样式、列表、链接、图片、流程图等多种元素的使用,并提供了丰富的示例。通过阅读,你可以快速掌握Markdown的编写技巧,方便地创建和编辑文档。
摘要由CSDN通过智能技术生成

# 1. 标题

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

# 2. 正文

## 2.1 代码块

```

print("hello world\n");

```

## 2.2 文字划线

---

~~这段文字被删除了~~

<u>下划线</u>

创建脚注[^label]

[^label]: 脚注内容

c^2^ = a^2^ + b^2^

a~1~ = b~1~ + c~1~

## 2.3 分段

实现分段可在行末加两个空格或一个反斜杠

春眠不觉晓

处处闻啼鸟

## 2.4 字体、颜色、大小

<font color="#ff0000">红色</font>颜色

<font color="#0000ff">蓝色</font>颜色

<font size=5>大小=5</font>

<font size=10>大小=10</font>

<font face="黑体">黑体</font>

<font face="宋体">宋体</font>

<font face="仿宋">仿宋</font>

<font face="楷书">楷书</font>

<font face="华文行楷">华文行楷</font>

<font face="华文行楷" font color="#ff0000" font size=10>华文行楷红色大字</font>

# 3. 列表

## 3.1 有序列表

1. 列表1

2. 列表2

* 列表2.1

* * 列表2.1.1

## 3.2 无序列表

* 列表1

* * 列表1.1

* * * 列表1.1.1

* * * * 列表1.1.1.1

* 列表2

# 4. 粗体&斜体

**粗体**

*斜体*

***粗斜体***

# 5. 分割线&删除线&脚注


 

# 6. 区块引用

> 一级

> 一级

>> 二级

>>> 三级

>>>>>>>> n级

# 7. 超链接

<http:www.baidu.com>

[百度](http:www.baidu.com)

[帅哥照片](E:/photo/handsome.jpg)

## 7.1 高级链接

[百度][1]

[帅哥照片][2]

[1]: http://www.baidu.com/

[2]: E:/photo/handsome.jpg


 

# 8. 图片

![图片名2](assert/2022-11-09-22-28-18.png)

![CSDN 图标](https://img-blog.csdnimg.cn/img_convert/20d6af58735197e7dbe45daf0793feb3.png)

<img src="https://img-home.csdnimg.cn/images/20201124032511.png" width="50%">


 

# 9. 表格

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

|:-|-:|:-:|

|左|右|中|

|左左左左左左|右右右右右右|中中中中中中|

# 10.高级

## 10.1 支持html的元素

```

目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等

```

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑

<b>HTML风格</b>

<i>HTML风格</i>

<em>HTML风格</em>

<sup>HTML风格</sup>

<sub>HTML风格</sub>

<br>HTML风格</br>

## 10.2 转义

使用\实现转义

\*\*正常显示星号\*\*


 

## 10.3 流程图

### 10.3.1 横向流程图

```mermaid

graph LR

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

    B --> C{条件a}

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

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

    F[横向流程图]

```

### 10.3.2 竖向流程图

```mermaid

graph TD

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

    B --> C{条件a}

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

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

    F[竖向流程图]

```

### 10.3.3 竖向标准流程图

```flow

st=>start: 开始

op1=>operation: 处理1

op2=>operation: 处理2

cond1=>condition: yes?

op3=>operation: 处理3

cond2=>condition: yes?

op4=>operation: 处理4

op5=>operation: 处理5

e=>end: 结束

st->op1->op2->cond1->op3->cond2

op4->e

op5->e

cond1(yes)->e

cond1(no)->op3

cond2(yes)->op5

cond2(no)->op4

```

<font face="华文行楷" font color="#ff0000" font size=5>markdown画流程图又丑又烦,放弃吧!</font>


 

```flow

st=>start: 开始

op=>operation: 流程1

op=>operation: 流程2

cond=>condition: yes?

sub1=>subroutine: 子流程

io=>inputoutput: 输入输出框

e=>end: 结束框

st->op->cond

cond(yes)->io->e

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

```



 

### 10.3.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

```

### 10.3.5 UML时序图

```sequence

对象A->对象B: 对象B你好吗?(请求)

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

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

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

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

```

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

```

### 10.3.6 标准UML时序图

```mermaid

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

  sequenceDiagram

    participant 张三

    participant 李四

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

    loop 健康检查

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

    end

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

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

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

    李四-->王五: 很好!

```

### 10.3.6 甘特图

```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

```

任务参数,基本格式如下:

    任务名:参数一, 参数二, 参数三, 参数四,参数五

参数一:可选,crit,表示是否强调,如果有会示为红色

参数二:可选,done、active 或不填,分别表示已完成,正在进行中和未开始

参数三:可选,任务别名,例如des3,主要用于跟在其他任务后面

参数四:任务开始时间,可以为具体的时间,如04-14,或者跟在其他任务后面,例如after des3

参数五:任务结束时间,可以是具体的时间,如04-07,或任务进行的周期,如3d














 

[^label]: asdad

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值