Hexo下的Markdown语法(GFM)写博客_静态hexo页面识别markdown公式-CSDN博客

本文链接：https://blog.csdn.net/zhuzhuyule/article/details/58347687

为了更好的观看效果，可跳转到我的主页：https://zhuzhuyule.xyz下的： Hexo下的Markdown语法(GFM)写博客

Markdown 是一种轻量级的「标记语言」，优点在于
- 专注你的文字内容而不是排版样式。
- 轻松的导出 HTML、PDF 和本身的 .md 文件。
- 纯文本内容，兼容所有的文本编辑器与字处理软件。
- 可读，直观。适合所有人的写作语言。

并且具有以下特点：

自动生成目录
代码块高亮
引用展示
表格插入
图片插入
强调显示
列表显示
自动URL链接

Hexo下使用的MarkDown为Github的GFM，风格很漂亮，简洁美观大方。但是GFM 的MarkDown语法和标准的MarkDown稍有不同，使用过程中需要注意一些。

语法简明概述

分段 两个回车
换行 两个空格 + 回车
标题 # ~ ######，#号的个数表示几级标题，即表示一级标题到六级标题
强调 **文字** ， __文字__ ， _文字_ ， *文字* ，文字
引用 > 注意后面紧跟个空格
表格 - 和 | 分割行和列， : 控制对其方式
代码块 四个空格 开头或，使用``` 代码内容 ```
链接 [文字](链接地址)
图片 ![图片说明](图片地址) ，地址可以是本地路劲，也可以是网络地址
列表 * ， + ， - ， 1. ，选其中之一，注意后面紧跟个空格

标题

# 欢迎使用Markdown编辑器写博客    //一级标题 对应 <h1> </h1>
## 标题输入                     //二级标题 对应 <h2> </h2>
### 三级标题                    //三级标题 对应 <h3> </h3>
#### 四级标题                   //四级标题 对应 <h4> </h4>
##### 五级标题                  //五级标题 对应 <h5> </h5>
###### 六级标题                 //六级标题 对应 <h6> </h6>
####### 七级标题                //抱歉，木有了（但是他会影响生成的目录，目录行多出一行空行）

这里不做展示了，影响目录的展示。

内容强调

加粗、斜体

字体 **加粗** 显示
字体 *斜体* 显示
字体 ***加粗并斜体*** 显示

字体加粗显示
字体斜体显示
字体 加粗并斜体 显示

字体 __加粗__ 显示
字体 _斜体_ 显示
字体 ___加粗并斜体___ 显示
组合 *__加粗并斜体__* 显示

字体加粗显示
字体斜体显示
字体 加粗并斜体 显示
组合 加粗并斜体 显示

删除线

这样来 ~~删除一段文本~~

这样来 ~~删除一段文本~~

高亮

使用<code>\`</code>来强调字符   //想打出  ` (反引号)需要转义的，加<code></code>标签强调
比如`突出背景色`来显示强调效果

使用`来强调字符
比如突出背景色来显示强调效果

引用显示

引用过程中任然支持Markdown语法！

标准使用

> 每行开始都使用 '>'；
> 引用**开始**；
> 引用**换行**；
> 引用**结束**。

> 还在引用中！

两个回车结束引用！

每行开始都使用 ‘>’；
引用开始；
引用换行；
引用结束。

还在引用中！

　两个回车结束引用！

省略使用

> 仅第一行加应用；
引用**开始**；
引用**换行**；
引用**结束**；

两个回车结束引用,不在引用范围内了！

仅第一行加应用；
引用开始；
引用换行；
引用结束；

　两个回车 结束引用,不在引用范围内了！

嵌套使用

> 动物
>> 水生动物
>> 陆生动物
>>> 猴子
>>> 人
>>>> 程序猿
>>>> 攻城狮
>>产品狗 //这里需要注意，没有空行间隔，忽略降级引用标记
射鸡虱   //这里需要注意，没有空行间隔，忽略降级引用标记

>> 两栖类动物
>>> 大鳄鱼
唐老鸭

两个回车结束引用,不在引用范围内了！

动物

水生动物
陆生动物

猴子
人

程序猿
攻城狮
产品狗　这里需要注意，没有空行间隔，忽略降级引用标记
射鸡虱　这里需要注意，没有空行间隔，忽略降级引用标记

两栖类动物

大鳄鱼
唐老鸭

　两个回车结束引用,不在引用范围内了！

表格

表格语法：

列1   | 列2 | 列3 
----- | --- | ---- 
第1行 | 12  | 13  
第2行 | 22  | 23  
第3行 | 32  | 33

列1	列2	列3
第1行	12	13
第2行	22	23
第3行	32	33

可以使用冒号来定义对齐方式：

| 左对齐    |  右对齐 | 居中 |
| :-------- | -------:| :--: |
| Computer  | 5000 元 |  1台 |
| Phone     | 1999 元 |  1部 |

左对齐	右对齐	居中
Computer	5000 元	1台
Phone	1999 元	1部

代码块

代码块语法遵循标准 markdown 代码，使用 ``` 开始， ``` 结束例如：

```Python
#!/usr/bin/env python
# -*- coding: utf-8 -*-
print 'Hello World! 
 ```

以上代码框及代码输入内容

#!/usr/bin/env python
# -*- coding: utf-8 -*-
print 'Hello World!'

特别提示

如何在代码块中打出 ```
实际上是使用 4个` 包含 3个` 就可以了，想表示更多，最外层+1就好了。
````
```
```
````

链接插入

[首页](http://zhuzhuyule.xyz)
[我的信息](/about/)
[纪念册](https://love.zhuzhuyule.xyz/)

首页
我的信息
纪念册

图片插入

![我的头像](http://zhuzhuyule.xyz/images/avatar.png)
![我的头像](/images/avatar.png)

列表

无序列表

* *列表展示
* *列表展示
 * *列表展示
+ +列表展示
+ +列表展示
 + +列表展示
- -列表展示
- -列表展示
 - -列表展示

*列表展示
*列表展示

*列表展示
+列表展示
+列表展示

+列表展示
-列表展示
-列表展示

-列表展示

有序列表（CSDN展示不同）

这种方式不用手动设置序号，自动生成列表序列
1. **我是一级序列** 
1. **我是一级序列** 
1. **我是一级序列** 
 1. *我是二级序列* 
 1. *我是二级序列* 
 1. *我是二级序列* 
1. **我是一级序列** 
1. **我是一级序列** 
 1. *我是二级序列* 
 1. *我是二级序列* 
  1. 还是二级序列，没有三级序列

这种方式不用手动设置序号，自动生成列表序列
1. 我是一级序列
1. 我是一级序列
1. 我是一级序列
1. 我是二级序列 多于一级序列一个空格
1. 我是二级序列 多于一级序列一个空格
1. 我是二级序列 多于一级序列一个空格
1. 我是一级序列
1. 我是一级序列
1. 我是二级序列 多于一级序列一个空格
1. 我是二级序列 多于一级序列一个空格
1. 还是二级序列，没有三级序列 虽然多于二级序列一个空格，但是任然是二级序列

链接自动检测

首页:http://zhuzhuyule.xyz
我的信息:http://zhuzhuyule.xyz/about/
纪念册:https://love.zhuzhuyule.xyz/

首页:http://zhuzhuyule.xyz
我的信息:http://zhuzhuyule.xyz/about/
纪念册:https://love.zhuzhuyule.xyz/