Markdown语法大全及编辑器_markdownwenben-CSDN博客

本文链接：https://blog.csdn.net/sxs7970/article/details/84172418

Markdown基本语法及编辑器

Markdown编辑器

可以用很多工具支持Markdown语法，在这里，我推荐自己所用的一种工具。Typora是一个轻量级的编辑工具，大家想用可以百度了解一下，简单方便好用！

Markdown基本语法

标题

这是最为常用的格式，在平时常用的文本编辑器中大多数是这样实现的：输入文本、选中文本、设置标题格式。

在Markdown中，只需要在文本之前加上 # 即可，同理，还可以写二级、三级、四级、五级、六级标题，总共六级，只需要增加相应的 # 即可，标题字号相应降低。例如：

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

注：*** # 和文本之间建议保留一个字符的空格。

列表

列表格式也很常用，Markdown中，只需要在文字前面加上 - 就可以了，例如：这个是无序列表

- 文本1
- 文本2
- 文本3

有序列表，在文字前面加上 1. 2. 3. 就可以了，例如：

1. 文本1
2. 文本2
3. 文本3

注： - 和 1. 与文本之间要保留一个字符的空格。

插入链接和图片

在Markdown中，插入链接不需要其他按钮，只需要使用这样的语法即可，例如：

[文本](http://www.wenben.com)

在Markdown中，插入图片不需要其他按钮，只需要这样的语法即可，例如：

![](图片链接地址)

区块链

注：插入图片的语法和链接的语法很像，只是多了一个！。

引用

在我们写作的时候常需要引用他人的文字，这个时候引用这个格式就很有必要了，在Markdown中，只需要在你希望引用的文字前面加上 > 就好了，例如：

> 岁月让你受了多少委屈，那些往事让你伤了多少心，多少无奈在你心底。

粗体和斜体

Markdown的粗体和斜体也非常简单，用两个 * 包含一段文本就是粗体的语法，用一个 * 包含一段文本就是斜体语法。例如：

 *岁月让你受了多少委屈* ，**那些往事让你伤了多少心**，多少无奈在你心底。

删除线

要加删除线的文字左右分别用两个 ~~ 包起来

~~这是加删除线的文字~~

代码引用块

需要引用代码时，可以用 ~ 将语句包起来。例如：

$(function(){
console.log(‘这一句是很NB的代码’)
})

分割线

三个或者三个以上的 - 或者 * 都可以。例如：

 ---
 -----
 ***
 *****

超链接

语法：
[百度](http://baidu.com)

效果如下：

百度

列表续

无序列表用 - + * 任何一种都可以，他们跟内容之间要有一个空格。

有序列表用数字加点

无序列表

列表内容
列表内容
列表内容

有序列表

列表内容
列表内容
列表内容

列表嵌套

一级无序列表内容
- 二级无需列表内容
- 二级无需列表内容
- 二级无需列表内容

一级有序列表
- 二级无需列表内容
- 二级无需列表内容

流程图

流程图用法如下：

```mermaid
flowchat
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

```mermaid
flowchat
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

总结

以上几种格式是比较常用的格式，所以我只做了比较常用的语法文档。当然除了这些还有很多其他的语法，如果想了解更多，可以百度。

赶快用Markdown语法写一篇关于自己的文档吧，体验一下Markdown的优雅之处！

欢迎使用CSDN Markdown编辑器

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

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

全新的界面设计 ，将会带来全新的写作体验；
在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
全新的 KaTeX数学公式 语法；
增加了支持甘特图的mermaid语法¹ 功能；
增加了 多屏幕编辑 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

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

~~删除文本~~

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024.

插入链接与图片

链接: link.

图片:

带尺寸的图片:

居中的图片:

居中并且带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

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

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

生成一个适合你的列表

项目
- 项目
  - 项目

项目1
项目2
项目3

计划任务
完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	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