博客

Markdown是一种轻量级标记语言，常用于撰写博客、文档、论文等。它可以让你使用易读易写的纯文本格式来编写文档，然后通过转换成有效的HTML文档进行发布。以下是Markdown常用的语法：

标题

使用#可以表示标题，#的数量表示标题的级别，一共有六个级别，分别对应HTML中的h1~h6标签。

例如：

一级标题

#


二级标题

##


三级标题

###


四级标题

####


五级标题

#####


六级标题

######


列表

使用

-

或

*

可以表示无序列表，数字加.可以表示有序列表。

例如：

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


markdown

代码：

* 无序列表1
* 无序列表2

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


markdown

代码：

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

在Markdown中嵌套无序列表同样也需要注意一些细节，下面是示例代码：

• 无序列表一
  • 嵌套无序列表一
  • 嵌套无序列表二
    • 嵌套无序列表一
    • 嵌套无序列表二
• 无序列表二

* 无序列表一
	* 嵌套无序列表一
	* 嵌套无序列表二
		* 嵌套无序列表一
		* 嵌套无序列表二
* 无序列表二

有序列表也是相同的。

引用

一级引用

使用

>

表示引用。

例如：

这是引用的内容

markdown 代码：

> 这是引用的内容

嵌套引用

> 最外层
> > 第一层嵌套
> > > 第二层嵌套

粗体和斜体

使用两个包围的内容表示粗体，一个包围的内容表示斜体。

例如：


这是粗体



这是斜体

markdown代码如下：

**这是粗体**
*这是斜体*

删除线和分隔线以及下划线

删除线

删除线

~~删除线~~

分隔线

***

* * *

*****

- - -

----------

下划线

带下划线文本

<u>带下划线文本</u>

链接和图片

使用

[]

和

()

可以表示链接和图片。

例如：

这是链接的表示方式:

链接

[标题](连接地址)

这是图片的表示方式:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tGEyrqp7-1681305425502)(/home/picture/1.png)]

代码块

使用“`包围的内容表示代码块。

例如：

echo 'hello world!';


markdown

代码：

```php
echo 'hello world!';
```

表格

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

时序图

小程序 服务器 微信服务器 wx.login()获取code wx.request()发送code code+appid+secret openid 根据openid确定用户并生成token token 小程序 服务器 微信服务器

```mermaid
sequenceDiagram
    小程序 ->> 小程序 : wx.login()获取code
    小程序 ->> + 服务器 : wx.request()发送code
    服务器 ->> + 微信服务器 : code+appid+secret
    微信服务器 -->> - 服务器 : openid
    服务器 ->> 服务器 : 根据openid确定用户并生成token
    服务器 -->> - 小程序 : token
```

参考文章：

Markdown 进阶技能：用代码画时序图

类图

```mermaid
classDiagram
    Class01 <|-- AveryLongClass : Cool
    <> Class01
    Class09 --> C2 : Where am i?
    Class09 --* C3
    Class09 --|> Class07
    Class07 : equals()
    Class07 : Object[] elementData
    Class01 : size()
    Class01 : int chimp
    Class01 : int gorilla
    class Class10 {
        >>service>>
        int id
        size()
    }
```

甘特图

参考文档

2014-01-06 2014-01-07 2014-01-08 2014-01-09 2014-01-10 2014-01-11 2014-01-12 2014-01-13 2014-01-14 2014-01-15 2014-01-16 2014-01-17 已完成 进行中 计划中 现有任务 Adding GANTT diagram functionality to mermaid

[参考文档](https://mermaid-js.github.io/mermaid/#/gantt)
```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
```