MarkDown 基础教程分享

What Is MarkDown ?

Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

好处：

纯文本、免排版、专注内容创作

缺点：

需要记一些语法（超简单，5 分钟学会）

Why Is MarkDown ?

大多数创作平台（简书、掘金等）都支持 MarkDown 格式的文章，适合文章迁移和博客、个人知识库搭建。

How Is MarkDown ?

适合编写 MarkDown 文章的工具（个人推荐）：

VS Code（cloud studio or 客户端）

https://code.visualstudio.com/

有道云笔记（在线 or 客户端）

http://note.youdao.com/

语雀（在线编辑器，支持导出 md 文件）

https://www.yuque.com/

mdEditor（在线编辑器）

https://www.mdeditor.com/

MarkDown 基础语法

标题

# 这是一级标题

## 这是二级标题

### 这是三级标题

#### 这是四级标题

##### 这是五级标题

###### 这是六级标题

效果：

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题

字体

加粗

要加粗的文字左右分别用两个*号包起来

斜体

要倾斜的文字左右分别用一个*号包起来

斜体加粗

要倾斜和加粗的文字左右分别用三个*号包起来

删除线

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

**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~

效果：

这是加粗的文字

这是倾斜的文字`

这是斜体加粗的文字

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

引用

在引用的文字前加>即可

>这是引用的内容
>>这是引用的内容

效果：

这是引用的内容

这是引用的内容

图片


![图片alt](图片地址 ''图片title'')

图片 alt 就是显示在图片下面的文字，相当于对图片内容的解释。
图片 title 是图片的标题，当鼠标移到图片上时显示的内容。title 可加可不加

超链接

[超链接名](超链接地址 "超链接title")
title可加可不加

示例

[简书](http://jianshu.com)

简书

列表

无序列表


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

注意：- + * 跟内容之间都要有一个空格

效果：

列表内容
列表内容
列表内容
有序列表

1.列表内容
2.列表内容
3.列表内容

注意：序号跟内容之间要有空格

效果：

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

表格


| 姓名 |  技能 | 排行 |
|-----|:-----:|-----:|
| 刘备 |   哭  | 大哥 |
| 关羽 |   打  | 二哥 |
| 张飞 |   骂  | 三弟 |

第二行分割表头和内容。

* 有一个就行，为了对齐，多加了几个

文字默认居左
-两边加：表示文字居中
-右边加：表示文字居右
注：原生的语法两边都要用 | 包起来。此处省略

效果：

姓名	技能	排行
刘备	哭	大哥
关羽	打	二哥
张飞	骂	三弟

代码

单行代码：代码之间分别用一个反引号包起来

`代码内容`

效果：

代码内容

代码块:

(```)
goBack() {
    this.$router.go(-1);
}
(```)

效果：

goBack() {
    this.$router.go(-1);
}