(★)CSDN博客使用教程

CSDN博客使用教程(CSDN博客帮助文档)

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

@[TOC](这里写目录标题)
# 一级目录
## 二级目录
### 三级目录

一、目录

1.一级目录

2.二级目录

3.三级目录

二、快捷键

撤销 ---------------> Ctrl +Z
重做 ---------------> Ctrl+Y
加粗 ---------------> Ctrl +B
斜体 ---------------> Ctrl +I
标题 ---------------> Ctrl +Shift +H
有序列表 ---------> Ctrl +Shift +O
无序列表 ---------> Ctrl +Shift +U
待办列表 ---------> Ctrl +Shift +C
插入代码 ---------> Ctrl +Shift +K
插入链接 ---------> Ctrl +Shift +L
插入图片 ---------> Ctrl +Shift +G
查找 ---------------> Ctrl +F
替换 ---------------> Ctrl +G

三、文本样式

3.1语法：

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

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

==标记文本==

~~删除文本~~

> 引用文本

H~2~O is是液体。

2^10^ 运算结果是 1024。

3.2运行结果：

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024。

四、列表

4.1语法

- 项目
  * 项目
    + 项目

1. 项目1
2. 项目2
3. 项目3

- [ ] 计划任务
- [x] 完成任务

4.2执行结果

• 项目
  • 项目
    • 项目

1. 项目1
2. 项目2
3. 项目3

• 计划任务
• 完成任务

五、链接

5.1语法

链接: [link](https://www.csdn.net/).

图片: ![Alt](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif)

带尺寸的图片: ![Alt](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif =30x30)

居中的图片: ![Alt](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif#pic_center)

居中并且带尺寸的图片: ![Alt](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif#pic_center =30x30)

5.2运行结果

链接: link.

图片:

带尺寸的图片:

居中的图片:

居中并且带尺寸的图片:

六、代码片

6.1如何添加代码片

6.2运行结果：

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

// A code block
var foo = 'bar';

// An highlighted block
var foo = 'bar';

七、表格

7.1语法

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

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

7.2运行结果

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

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

八、注脚与注释

8.1语法

一个具有注脚的文本。[^1]

[^1]: 注脚的解释

Markdown将文本转换为 HTML。

*[HTML]:   超文本标记语言

8.2运行结果

一个具有注脚的文本。¹

Markdown将文本转换为 HTML。

九、自定义列表

9.1语法

Markdown
:  Text-to-HTML conversion tool

Authors
:  John
:  Luke

9.2运行结果

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

十、LaTeX数学公式

10.1参考文档

参考文档

10.2语法

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过 Euler integral

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

10.3运行结果

Gamma公式展示 $\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$ 是通过 Euler integral

$$\Gamma (z)={\int }_0^{\infty }{t}^{z-1}{e}^{-t}dt.$$

十一、甘特图

11.1参考文档

参考文档

11.2语法

```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
(此处需添加```)          

11.3运行结果

十二、UML图

12.1参考文档

参考文档

12.2语法

```mermaid
sequenceDiagram
张三 ->> 李四: 你好！李四, 最近怎么样?
李四-->>王五: 你最近怎么样，王五？
李四--x 张三: 我很好，谢谢!
李四-x 王五: 我很好，谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.

李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
(此处需添加```)    

11.3运行结果

十三、Mermaid流程图

13.1参考文档

参考文档

13.2语法

```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
(此处需添加```)  

13.3运行结果

十四、Flowchart流程图

14.1参考文档

参考文档

14.2语法

```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？

st->op->cond
cond(yes)->e
cond(no)->op
(此处需添加```)  

14.3运行结果

十五、类图

15.1参考文档

参考文档

15.2语法

```mermaid
classDiagram
    Class01 <|-- AveryLongClass : Cool
    <<interface>> 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()
    }
    (此处需添加```)  

15.3运行结果

十六、导入导出

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在csdn博客页面上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件或者.html文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

---

1. 注脚的解释 ↩︎