1
2
3
4
5
6
7
8
9
10
11
Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

相比WYSIWYG编辑器

优点:
1、因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。
2、操作简单。比如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可

缺点:
1、需要记一些语法(当然,是很简单。五分钟学会)。
2、有些平台不支持Markdown编辑模式

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

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

To reboot your computer, press ctrl+alt+del.

这是引用的内容

这是引用的内容

这是引用的内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题


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

<p>To reboot your computer, press <kbd>ctrl</kbd>+<kbd>alt</kbd>+<kbd>del</kbd>.</p>


<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>

<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>


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


区块中使用列表

  1. 第一项
  2. 第二项
  • 第一项
  • 第二项
  • 第三项
  • 第一项

    菜鸟教程
    学的不仅是技术更是梦想

  • 第二项




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

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

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

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

  1. 第一项:
    • 第一项嵌套的第一个元素
    • 第一项嵌套的第二个元素
  2. 第二项:
    • 第二项嵌套的第一个元素
    • 第二项嵌套的第二个元素
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
> 区块中使用列表
> 1. 第一项
> 2. 第二项
> + 第一项
> + 第二项
> + 第三项

* 第一项
> 菜鸟教程
> 学的不仅是技术更是梦想
* 第二项

---
----
***
*****
- 列表内容
+ 列表内容
* 列表内容

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

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

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

1. 第一项:
- 第一项嵌套的第一个元素
- 第一项嵌套的第二个元素
2. 第二项:
- 第二项嵌套的第一个元素
- 第二项嵌套的第二个元素
1
2
3
4
5
6
![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")

图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加
permalink: Markdown基础语法.html

芮芮来了 图标

这个链接用 1 作为网址变量 芮芮来了.
然后在文档的结尾为变量赋值(网址)

1
2
3
4
5
6
7
8
![芮芮来了 图标](https://ruilearning.github.io/img/ruiruilaile_cycle120X120.png "芮芮来了")

这个链接用 1 作为网址变量 [芮芮来了][1].
然后在文档的结尾为变量赋值(网址)

[1]: https://ruilearning.github.io/img/ruiruilaile_cycle120X120.png

<img src="https://ruilearning.github.io/img/ruiruilaile_cycle120X120.png" width="20%">

超链接名
permalink: Markdown基础语法.html
title可加可不加
permalink: Markdown基础语法.html

简书
百度

超链接名

1
2
3
4
5
6
7
8
9
[超链接名](超链接地址 "超链接title")
permalink: Markdown基础语法.html
title可加可不加
permalink: Markdown基础语法.html

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

<a href="超链接地址" target="_blank">超链接名</a>
左对齐 右对齐 居中对齐
单元格123123 单元格123123 单元格123123
单元格 单元格 单元格

第二行分割表头和内容。

  • 有一个就行,为了对齐,多加了几个
    文字默认居左
  • 两边加:表示文字居中
  • 右边加:表示文字居右
    注:原生的语法两边都要用 | 包起来。此处省略
姓名 技能 排行
刘备 大哥
关羽 二哥
张飞 三弟
Markdown Less Pretty
Still renders nicely
1 2 3
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格123123 | 单元格123123 | 单元格123123 |
| 单元格 | 单元格 | 单元格 |

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
- 两边加:表示文字居中
- 右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略


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

Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3

代码内容

1
2
3
代码...
代码...
代码...