vuepress（三）：Markdown常用语法

前言

前两篇文章写了如何基于vuepress和vuepress-theme-reco搭建一个技术博客，以及vuepress中常用到的插件。这篇文章介绍一下写博客时常用的语法

Front Matter

每一个.md文件都必须有一个Front Matter 例如：

---
title: 【vue】 Markdown语法整理
date: 2017-12-28
categories:
  - 前端
tags:
  - vue
author: 张三
---

• title：文章的标题
• date：文章创建的日期
• categories：文章所属类别，这个是一个数组，必填项。vuepress-theme-reco会根据这个变量生成相应的类别。如果有多个类别可以这样写：

categories:
  - 前端
  - vue

• tags：文章的标签，使用同categories
• author：文章作者，文章中的作者会替换掉全局设置的作者

注意点：
1、没有分号，每个变量占一行
2、变量后面要有冒号，冒号后面要加一个空格

摘要

使用<!-- more --> 来标记摘要内容。Front Matter以下，<!-- more --> 以上的内容是摘要。
例如：

---
title: 【vue】 Markdown语法整理
date: 2017-12-28
categories:
  - 前端
tags:
  - vue
author: 张三
---

::: tip
Markdown 语法整理
:::

<!-- more -->

效果

Markdown常用语法

标题

注： vuepress-theme-reco主题中正文是从二级标题开始的，二级标题及以下会生成相应的侧边栏

效果

文字

加粗
语法：**内容**

斜体
语法：*内容*

删除线
语法：~~删除线格式~~

列表

无序
语法：- 内容

有序
语法：1. 内容

引用

语法：> 内容

代码块

常用代码块格式如下：

c

```c
在这里插入代码片
```

c++

```cpp
在这里插入代码片
```

css

```css
在这里插入代码片
```

Java

```java
在这里插入代码片
```

JavaScript

```javascript
在这里插入代码片
```

php

```php
在这里插入代码片
```

python

```python
在这里插入代码片
```

sql

```sql
在这里插入代码片
```

图片

语法：![在这里插入图片描述](图片的地址)

表格

语法
| 列标题1 | 列标题2 | 列标题3|
|--|--|--|
| 内容 | 内容 | 内容 |

效果

超链接

语法：[添加链接描述](地址)