HEXO下的Markdown语法(GFM)写博客

发表于 | 更新于: | 分类于 > | | 阅读次数:

Markdown 是一种轻量级的「标记语言」，优点在于

  • 专注你的文字内容而不是排版样式。
  • 轻松的导出 HTML、PDF 和本身的 .md 文件。
  • 纯文本内容，兼容所有的文本编辑器与字处理软件。
  • 可读，直观。适合所有人的写作语言。

并且具有以下特点：

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

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

语法简明概述

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

标题

1
2
3
4
5
6
7
8
9
10
# 欢迎使用Markdown编辑器写博客   //一级标题 对应 <h1> </h1>
## 标题输入                     //二级标题 对应 <h2> </h2>
### 三级标题                    //三级标题 对应 <h3> </h3>
#### 四级标题                   //四级标题 对应 <h4> </h4>
##### 五级标题                  //五级标题 对应 <h5> </h5>
###### 六级标题                 //六级标题 对应 <h6> </h6>
####### 七级标题                //抱歉，木有了（但是他会影响生成的目录，目录行多出一行空行）
二级标题                        //二级标题 对应 <h2> </h2>
----                           //这里添加四个'－' （减号）

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

内容强调

加粗、斜体

1
2
3
字体 **加粗** 显示
字体 *斜体* 显示
字体 ***加粗并斜体*** 显示

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

1
2
3
4
字体 __加粗__ 显示
字体 _斜体_ 显示
字体 ___加粗并斜体___ 显示
组合 *__加粗并斜体__* 显示

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

删除线

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

这样来 删除一段文本

高亮

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

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

引用显示

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

标准使用

1
2
3
4
5
6
7
8
> 每行开始都使用 '>'；
> 引用**开始**；
> 引用**换行**；
> 引用**结束**。
> 还在引用中！
两个回车结束引用！

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

还在引用中！

　 两个回车结束引用！

省略使用

1
2
3
4
5
6
> 仅第一行加应用；
引用**开始**；
引用**换行**；
引用**结束**；
两个回车结束引用,不在引用范围内了！

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

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

嵌套使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
> 动物
>> 水生动物
>> 陆生动物
>>> 猴子
>>> 人
>>>> 程序猿
>>>> 攻城狮
>>产品狗 //这里需要注意，没有空行间隔，忽略降级引用标记
射鸡虱   //这里需要注意，没有空行间隔，忽略降级引用标记
>> 两栖类动物
>>> 大鳄鱼
唐老鸭
两个回车结束引用,不在引用范围内了！

动物

水生动物
陆生动物

猴子
人

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

两栖类动物

大鳄鱼
唐老鸭

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

表格

表格语法：

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

列1列2列3
第1行1213
第2行2223
第3行3233

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

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

左对齐右对齐居中
Computer5000 元1台
Phone1999 元1部

代码块

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

1
2
3
4
5
```Python
#!/usr/bin/env python
# -*- coding: utf-8 -*-
print 'Hello World!
```

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

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

特别提示

如何在代码块中打出 ```

1
2
3
4
5
````
```
复制到你的`markdown`中看看去吧！
```
````

实际上是使用 4个` 包含 3个` 就可以了，想表示更多，最外层+1就好了。
````
```
```
````

链接插入

1
2
3
[首页](https://zhuzhuyule.com)
[我的信息](/about/)
[纪念册](https://love.zhuzhuyule.com/)

图片插入

1
2
![我的头像](https://zhuzhuyule.com/images/avatar.png)
![我的头像](/images/avatar.png)

我的头像
我的头像

列表

无序列表

1
2
3
4
5
6
7
8
9
* `*`列表展示
* `*`列表展示
 * `*`列表展示
+ `+`列表展示
+ `+`列表展示
 + `+`列表展示
- `-`列表展示
- `-`列表展示
 - `-`列表展示
  • *列表展示
  • *列表展示
    • *列表展示
  • +列表展示
  • +列表展示
    • +列表展示
  • -列表展示
  • -列表展示
    • -列表展示

有序列表

1
2
3
4
5
6
7
8
9
10
11
12
这种方式不用手动设置序号，自动生成列表序列
1. **我是一级序列** 
1. **我是一级序列** 
1. **我是一级序列** 
 1. *我是二级序列* 
 1. *我是二级序列* 
 1. *我是二级序列* 
1. **我是一级序列** 
1. **我是一级序列** 
 1. *我是二级序列* 
 1. *我是二级序列* 
  1. 还是二级序列，没有三级序列

这种方式不用手动设置序号，自动生成列表序列

  1. 我是一级序列
  2. 我是一级序列
  3. 我是一级序列
    1. 我是二级序列 多于一级序列一个空格
    2. 我是二级序列 多于一级序列一个空格
    3. 我是二级序列 多于一级序列一个空格
  4. 我是一级序列
  5. 我是一级序列
    1. 我是二级序列 多于一级序列一个空格
    2. 我是二级序列 多于一级序列一个空格
    3. 还是二级序列，没有三级序列 虽然多于二级序列一个空格，但是任然是二级序列

链接自动检测

1
2
3
首页:https://zhuzhuyule.com
我的信息:https://zhuzhuyule.com/about/
纪念册:https://love.zhuzhuyule.com/
如果觉得我的文章对您有用，请随意打赏。您的支持将是我继续创作的动力！