简介

Sublime使用ctrl+shift+p实时查看markdown效果 By举子

1. 更好的学习文档

• 简书：献给写作者的 Markdown 新手指南
• Leo Chin ：Markdown 11种基本语法
• 阳志平：「Markdown写作浅谈
• Gnat：Markdown 简明教程
• 唐衣可俊：MarkDown使用小技巧
• 献给写作者的 Markdown 新手指南

2. MarkDown基本语法介绍

1. 标题语法

源码：

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

效果图：

---

一级标题

二级标题

三级标题

---

2. 斜体、粗体、分割线、下划线、首行缩进、转义字符

源码：

*斜体内容*
**粗体内容**
~~分割线~~
在空白行下方添加（---）
 缩进内容
\\

效果图：

---

斜体内容
粗体内容
分割线

---

缩进内容
\

---

3. 无序列表和有序列表

源码：

* 无序列表1
* 无序列表2
* 无序列表3
1.有序列表1
2.有序列表2
3.有序列表3

效果图：

---

• 无序列表1
• 无序列表2
• 无序列表3
  1.有序列表1
  2.有序列表2
  3.有序列表3

---

4. 代码框

源码：

`单行代码`（键盘左上角不是单引号）  
tab或四个空格(此行上方为空行)

效果图；

---

单行代码

  tab或四个空格tab或四个空格tab或四个空格tab或四个空格tab或四个空格tab或四个空格tab或四个空格tab或四个空格

---

5. 链接

内联方式和引用方式
源码：

 这是[内联方式](https://www.baidu.com)  
 这是[引用方式][6] 
 [6]: https://wwww.baidu.com

效果图：

---

这是内联方式
这是引用方式
6: https://www.baidu.com

---

6. 图片

图片处理方式与链接处理方式类似，只不过是前面需加！
源码：

! [内联方式](图片地址)
! [引用方式][7]
[7]:图片地址

效果图：

---

内联方式
![引用方式][7]
[7]: https://img.haomeiwen.com/i2301429/2d6565550e594472.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240

---

7. 脚注、小型文字、引用

源码：

hello[^hello]
[^hello]:注释内容
<small>小型文字</small>
>引用文字引用文字
>>引用文字引用文字
>引用文字引用文字

效果图：

---

hello^[1]
正常文字
<small>小型文字</small>

引用文字引用文字

引用文字引用文字
引用文字引用文字

---

8. 表格

相关完整制表代码：

| Tables | Are | Cool |
| -------- |:-----:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |

显示效果：

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

相关简洁制表代码：

dog | bird | cat
----|------|----
foo | foo  | foo
bar | bar  | bar
baz | baz  | baz

显示效果：

dog	bird	cat
foo	foo	foo
bar	bar	bar
baz	baz	baz

显示链接中带括号的图片

代码如下:

![][1]
[1]: http://latex.codecogs.com/gif.latex?\prod%20\(n_{i}\)+1

---

3. MarkDown常见问题

1. Editor

编辑器Tab键代表空格数，与其设置有关

---

1. 注释内容 ↩