CSDN-Markdown编辑器语法详解

简介

Markdown使我们可以完全使用文本来编辑博客，不使用鼠标。比如，我们设置标题，在古老的CSDN博客编辑器中只能用鼠标去点标题，现在不用了，只需要遵循下Markdown的简单语法就可以做到这一点了。

注意：该语法与HTML是兼容的，也可以写HTML代码，在MarkDown文件中，所有html标签都可以直接使用，无需任何特殊处理，唯一限制是，html块元素前后要空出一行。

本文介绍使用Markdown写博客的基本语法。

1、使用标题

Markdown可以使用#来标示标题。一个#后面跟的内容是一级标题，一般一级标题是文章的大标题。两个#后面跟的内容是二级标题，依次类推。如下列所示：

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

2、对文本使用加粗、斜体、删除线

2.1 对指定文本进行加粗：

**文本加粗**

文本加粗结果显示：
文本加粗

2.2 对指定文本使用斜体：

*文本斜置*

斜置文本结果显示：

文本斜体

2.3 对文本加粗并且斜置：

***文本加粗、斜置***

结果显示：
文本加粗并且斜置

2.4 删除线

~~文本删除~~

结果显示：
~~文本删除~~

3、分割线的使用

使用分割线的语法为：

空一行后，使用三个以上的短线、星号、或者下划线。如下所示：


---

***

___

得到的结果为：

4、列表的使用

列表有两种，一种是无序列表，使用一些图标标记，没有序号；一种是有序列表，使用数字标记。

4.1 有序列表

有序列表语法：

在数字和“.”号之后加一个空格，再跟列表项的内容。例如：
1. 今天吃什么
2. 你吃早饭了吗
3. 他吃中饭了吗

得到的结果为：
1. 今天吃什么
2. 你吃早饭了吗
3. 他吃中饭了吗

也可以使用分级，使用方法与无序列表类似：在低层列表前再加一个空格。

1. 蔬菜
2. 水果
 1. 苹果
 2. 香蕉
3. 肉类
 1. 羊肉
 2. 牛肉

得到的结果为：

蔬菜
水果
1. 苹果
2. 香蕉
肉类
1. 羊肉
2. 牛肉

4.2 无序列表

无序列表语法：

* 蔬菜 
+ 水果
- 肉食

其中使用（*、+、-）其中一种符号均可，内容和标签符号之间有一个空格，显示结果如下：

蔬菜
水果
肉食

如果列表项中要包含引用，则引用的>必须被缩进，如下：

* 一个包含引用的列表项
  >列表项目里的引用

结果显示为：
* 一个包含引用的列表项

列表项目里的引用

如果要在列表项里包含代码块，则引用的>必须以8个空格或两个Tab开始：

* 一个包含代码块的列表项
        > 代码块

结果显示为：
* 一个包含代码块的列表项

代码块

5、引用

语法如下：

> 一级引用
> 
> >第二级引用
> 
> 一级引用

显示结果：

一级引用

二级引用

一级引用

6、代码块

这个功能是为程序员特别设计的，用于在文章中嵌入程序源码。格式也很简单，以至少4个空格或1个Tab开头的文本就被认为是代码了。如下：

    代码块

int main()
{
  printf("Hello World!");
}

在需要高亮的代码块的前一行及后一行使用三个反引号“`”（Esc下面那个键），同时第一行反引号后面表面代码块所使用的语言，如下:

```HTML
<!DOCTYPE HTML>
<head>
  <charset="UTF-8">
  <title>Example</title>
<head>
  <body>
  </body>
``

结果显示

<!DOCTYPE HTML>
<head>
  <charset="UTF-8">
  <title>Example</title>
</head>
<body>
</body>

当然如果在一个行内需要引用代码，只要用反引号`引起来就好，如下：

This is a inline code `printf()` function.

结果为：
This is a inline code printf() function.

7、首行缩进

MarkDown上首行缩进没什么好的办法，就是加&ensp;或者&emsp;
或者&nbsp;

效果：
这是&nbsp的效果
这是&ensp的效果
这是&emsp的效果

8、字体和颜色

<font face="黑体" size=1>我是1号黑体字</font>
<font face="微软雅黑"size=2>我是2号微软雅黑</font>
<font face="STCAIYUN" size=3>我是3号华文彩云</font>
<font color=#0099ff size=4 face="黑体">我是4号黑体</font>
<font color=#00ffff size=5>我是5号color=#00ffff</font>
<font color=gray size=6>我是6号color=gray</font>
<font color=Blue size=7>我是7号color=Blue</font>

显示效果：
我是1号黑体字
我是2号微软雅黑
我是3号华文彩云
我是四号黑体
我是5号color=#00ffff
我是6号color=gray
我是7号color=blue

9、图片相关

MarkDown提供的插图片的方式:

![唯美之花](https://img-blog.csdn.net/20180516103445246?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTk1MDEz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)

唯美之花
由于这种插入图片的方式没有办法改变图片的位置和大小，很是不方便，MarkDown既然支持Html，所以html语句当然也是可以的，固定图片显示大小：

<img src="https://img-blog.csdn.net/20180516103445246?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTk1MDEz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70" 
width="276" height="320" />

可以给图片加个标注：

<center>
  <img src="https://img-blog.csdn.net/20180516103445246?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTk1MDEz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70" 
  width="45%" height="45%" />
  图1. 唯美之花
</center>

图1.唯美之花

链接形式2：

[欢迎访问我的CSDN主页](https://blog.csdn.net/qq_36595013)

欢迎访问我的CSDN主页

本文就到此为止了，下篇文章将继续完善markdown语法的介绍。若有需要可以访问markdown进阶语法介绍