CSDN-markdown语法

兼容HTML

Markdown是兼容HTML语法的，如果你比较喜欢 HTML 的 或 标签，可以直接在Markdown文档中使用这些标记，而不用 Markdown 提供的链接或是图像标签语法。

目录

@[TOC](这里写自定义目录标题)                   //写了这个才有目录

# 欢迎使用Markdown编辑器
## 欢迎使用Markdown编辑器
### 欢迎使用Markdown编辑器 
#### 欢迎使用Markdown编辑器                  //分别是各级标题，会出现在目录中
                                                                       最多支持6级标题

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

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G

文本样式

强调文本 强调文本

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

加粗文本 加粗文本

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

标记文本

==标记文本==

删除文本

~~删除文本~~

引用文本

> 引用文本

H₂O

H~2~O  

2¹⁰ 指数

2^10^ 

分割线

---

---

链接与图片

链接

link.

[link](https://mp.csdn.net).                   不如直接点按钮

图片

直接点按钮 或 快捷键粘贴 或 图片拖拽

---

带尺寸的图片:

---

居中的图片

---

居中并且带尺寸的图片

---

代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

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

---

列表

• 项目
  • 项目
    • 项目

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

• 计划任务
• 完成任务

无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C

自定义列表

Markdown

Text-to-HTML conversion tool

Authors

John

Luke

冒号后要有空格

---

表格

简单的表格：

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

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

设定内容居中、居左、居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

| 第一列       | 第二列         | 第三列        |
|:-----------:| -------------:|:-------------|
| 第一列文本居中 | 第二列文本居右  | 第三列文本居左 | 

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE	ASCII	HTML
Single backticks	'Isn't this fun?'	‘Isn’t this fun?’
Quotes	"Isn't this fun?"	“Isn’t this fun?”
Dashes	-- is en-dash, --- is em-dash	– is en-dash, — is em-dash

不常用

注脚

一个具有注脚的文本。¹

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

[^2]: 注脚的解释

甘特图

• 关于 甘特图 语法，参考 这儿,

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：:

这将产生一个流程图。:

• 关于 Mermaid 语法，参考 这儿,

FLowchart流程图

我们依旧会支持flowchart的流程图：

• 关于 Flowchart流程图 语法，参考 这儿.

---

1. 注脚的解释 ↩︎