Markdown 语法介绍

沉浸式写作

关注写作的本身

非常的轻量

什么是Markdown语法？

Markdown 语法是轻量级文本标记语言，Markdown简单易学，功能强大。它的思想是”关注写作本身，沉浸式写作“。通俗的讲，写作的时候我连鼠标我都不要动它，谁能做到？markdown可以。

Markdown语法支持什么修饰？

  • 标题 （标题1 ~ 标题6）
  • 图片（本地图片、远程图片）
  • 链接
  • 强调 ( 加粗、倾斜 )
  • 修饰线 （分割线、 中划线）
  • 引用 （单条引用、多条引用）
  • 代码块
  • 上标下标
  • 列表 （无序列表、有序列表）
  • 表格

Markdown基础语法

1. 标题

标题使用# 表示，总共有6级标题，注意#后面要接一个空格，后面写标题内容，写完之后，按回车键查看效果

1
2
3
4
5
6
# 我是标题1
## 我是标题2
### 我是标题3
#### 我是标题4
##### 我是标题5
###### 我是标题6

2. 图片

markdown支持插入图片等富文本，也支持本地图片和网络图片，语法如下：

2.1 使用网络图片地址

1
![百度LOGO](https://www.baidu.com/img/flexible/logo/pc/result.png)

注意网络图片地址有不稳定性，图可能会挂了，预览效果。

百度LOGO

2.2 使用本地图片地址

1
![牡丹鹦鹉](E:\360MoveData\Users\gongxian\Desktop\图片素材\bd6.png)

本地地址需要书写物理路径，也就是要写磁盘路径，本地图片不利于分发我的文档，图片可能会看不到，预览效果，如下：

牡丹鹦鹉

3. 链接

链接的语法很像图片语法，注意区分，语法如下：

1
[网易](http://www.163.com)

预览效果：

网易

4. 强调

强调的形式多样，比如有 加粗、倾斜、中划线、高亮都可以强调内容。

1
2
3
4
**我是加粗的文本**
_我是倾斜的文本_
~~我是中划线~~
==我是高亮的文本==

预览效果：

我是加粗的文本

我是倾斜的文本

原价：￥200，现价：￥120

我有点一==帅==

注意：下划线markdown原生并没有提供支持。

5. 修饰线

5.1 分割线，分割线的写法是多样的，以下均支持

1
2
***
---

分割线效果如下：

5.2 中划线

1
~~我是中划线~~

预览效果：

我是中划线效果

6. 引用

6.1 单行引用

语法如下：

1
> 生活的理想，就是为了理想的生活

预览效果

生活的理想，就是为了理想的生活

6.2 多行引用

语法如下：

1
2
3
4
> 从明天起，做一个幸福的人
> 喂马，劈柴，周游世界
> 从明天起，关心粮食和蔬菜
> 海子 <<面朝大海，春暖花开>>

预览效果

从明天起，做一个幸福的人
喂马，劈柴，周游世界
从明天起，关心粮食和蔬菜
海子 <<面朝大海，春暖花开>>

6.3 嵌套引用

语法如下：

1
2
3
4
5
6
7
> 今晚吃什么？
  > 张三：吃面条
    > 张飞：老兄，你天天吃面条？
  > 李四：吃炒菜
  
> 明天去那玩？
  > 刘备：去荆州玩

今晚吃什么？

张三：吃面条

张飞：老兄，你天天吃面条？

李四：吃炒菜

明天去那玩？

刘备：去荆州玩

7. 代码块

markdown 语法允许你再文档中插入各种语言代码，并且提供语法着色效果

7.1 写CSS代码段

语法如下：

1
2
3
4
5
6
```css
div{
    width: 100px;
    color:red;
}
```

预览效果：

1
2
3
4
div{
    width: 100px;
    color:red;
}

7.2 写HTML代码段

语法如下：

1
2
3
4
5
6
7
```html
<div>
   <p>段落1</p>
   <p>段落2</p>
   <p>段落3</p>
</div>
```

预览效果：

1
2
3
4
5
<div>
   <p>段落1</p>
   <p>段落2</p>
   <p>段落3</p>
</div>

8. 上标下标

上标和小标经常在数学或者化学中应用到，比如说 三角函数公式，用到上标，水分子用到了下标。

特别注意：默认是没有开启上标、下标、高亮的，需要你手动去开启，开启方法如下：

  1. 打开文件菜单，找到偏好设置

  2. 打开偏好设置之后，选择markdown选项，然后勾选 上标、下标、高亮

  3. 勾选完成之后，需要关闭typora，重新打开才能生效

  4. 如果还是很明白，可以查看这个图文教程，点击它！

8.1 上标

语法如下：

1
X^2^

预览效果：

c = a^2^ + b^2^

8.2 下标

语法如下：

1
H~2~O

预览效果：

H2O