MarkDown练习

MarkDowm

• MarkDown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。
• MarkDown 语言在 2004 由约翰·格鲁伯 （英语： JohnGruber） 创建。
• Markdown 编写的文档可以到处 HTML 、 Word 、图像 、PDF 、Epub 等多种格式的文档。

MarkDown 标题

1. 使用 = 和-标记 一级和二级标题

我展示的是一级标题
===============
我展示的是二级标题

---

显示效果如下：

我是一级标题

我是二级标题

2. 使用#标记1-6级标题

# 一级标题  
## 二级标题  
###  三级标题  
#### 四级标题  
##### 五级标题  
###### 六级标题  

显示效果如下：

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

MarkDown 段落

1. Markdown 段落

• 没有特殊的格式，直接编写文字就好，段落的换行是使用两个以上空格加上回车.当然也可以在段落后面使用一个空行来表示重新开始一个段落。
  显示效果如下：

MarkDown Test
Test MarkDown

MarkDown Test

Test MarkDown

2. 字体

*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___  

显示效果如下：

斜体文本
文本斜体
粗文本
粗文本
粗斜文本
文本粗斜体

3. 分隔线

• 你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线：

***  
* * *  
---  
------  

显示效果如下：

---

---

---

---

4. 删除线
   如果段落上的文字要添加删除线，只需要在文字的两端加上两个波浪线 ~~ 即可，实例如下：

~~删除线~~  

显示效果如下：

删除线啊

5. 下划线
   下划线可以通过HTML的u标签来实现：

<u>下划线</u>  

显示效果如下：

下划线

6. 脚注

一个具有注脚的文本。[^1]

[^1]: 注脚的解释  

MarkDown列表

1. Markdown 支持有序列表和无序列表。
   a. 无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记，这些标记后面要添加一个空格，然后再填写内容：

* 第一列  
* 第二列  
+ 第三列  
+ 第四列  
- 第五列  
- 第六列  

显示效果如下：

• 第一列
• 第二列

• 第三列
• 第四列

• 第五列
• 第六列

b. 有序列表使用数字并加上 . 号来表示，如：

1. 第一列  
2. 第二列  
3. 第三列  

1. 第一列
2. 第二例
3. 第三列

2. 列表嵌套
   列表嵌套只需在子列表中的选项前面添加四个空格即可：

1. 第一列  
     - 第一列第一项  
     - 第一列第二项  
2. 第二列  
     - 第二列第一项  
     - 第二列第二项  

显示效果如下：

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

Markdown 区块

a. Markdown 区块引用是在段落开头使用 > 符号 ，然后后面紧跟一个空格符号:

> 区块1  
> 区块2  
> 区块3  

显示效果如下：

区块1
区块2
区块3

b. 另外区块是可以嵌套的，一个 > 符号是最外层，两个 > 符号是第一层嵌套，以此类推：

> 最外层  
> > 嵌套一  
> > > 嵌套二  

显示效果如下：

最外层

嵌套一

嵌套二

c. 区块中使用列表
区块中使用列表实例如下:

  > 区块中使用列表  
  > 1. 第一列  
  > 2. 第二列  
  > + 第三列  
  > + 第四列  
  > - 第五列  

显示效果如下：

区块中使用列表

1. 第一列
2. 第二列

• 第三列
• 第四列

• 第五列

d. 列表中使用区块
如果要在列表项目内放进区块，那么就需要在 > 前添加四个空格的缩进。
区块中使用列表实例如下：

  * 第一项  
    > 区块一  
  * 第二项  
    > 区块二  

显示效果如下：

• 第一项

  区块一

• 第二项

  区块二

Markdown 代码

1. 如果是段落上的一个函数或片段的代码可以用反引号把它包起来（`），例如:

`print()` 函数  

显示结果如下：

  print()  函数  

2. 你也可以用 ```包裹一段代码，并指定一种语言（也可以不指定）：

``` javascript
$(document).ready(function () {
alert(‘RUNOOB’);
});
```
显示效果如下：

$(document).ready(function () {
   alert('RUNOOB');
});  

Markdown 链接

1. 链接使用方法如下：

 [链接](链接地址)  
或  
 <链接地址>

显示效果如下：

百度
https://blog.csdn.net

2. 通过变量来设置一个链接，变量赋值在文档末尾进行:

 这个链接用 1 作为网址变量 [Google][1]
  这个链接用 runoob 作为网址变量 [Runoob][runoob]
  然后在文档的结尾为变量赋值（网址）
  [1]: http://www.google.com/
  [runoob]: http://www.runoob.com/

显示结果如下：

这个链接用 1 作为网址变量 [Google][1]
这个链接用 runoob 作为网址变量 [Runoob][runoob]
然后在文档的结尾为变量赋值（网址）
[1]: http://www.google.com/
[runoob]: http://www.runoob.com/

Markdown 图片

a. Markdown 图片语法格式如下：

![在这里插入图片描述](https://img-blog.csdnimg.cn/cover1/248667912046641316.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,image_MjAyMDA3MTUxNjIxMDEzOC5wbmc=,size_16,color_FFFFFF,t_70,image/resize,m_lfit,w_962#pic_center)

• 开头一个感叹号 !
• 接着一个方括号，里面放上图片的替代文字
• 接着一个普通括号，里面放上图片的网址，最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。
  显示效果如下：

b. 对图片网址使用变量:

这个链接用 1 作为网址变量 [RUNOOB][1].
 然后在文档的结尾为变量赋值（网址）  
 [1]: http://static.runoob.com/images/runoob-logo.png   

c. Markdown 还没有办法指定图片的高度与宽度，如果你需要的话，你可以使用普通的 标签。

<img src="http://static.runoob.com/images/runoob-logo.png" width="50%">  

Markdown 表格

a. Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。
语法格式如下：

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |    

显示效果如下：

表头	表头
单元格	单元格
单元格	单元格

我们可以设置表格的对齐方式：

• -: 设置内容和标题栏居右对齐。
• :- 设置内容和标题栏居左对齐。
• :-: 设置内容和标题栏居中对齐。
  显示效果如下：

Column 1	Column 2
centered 文本居中	right-aligned 文本居右

Markdown 高级技巧

1. 支持的 HTML 元素
   不在 Markdown 涵盖范围之内的标签，都可以直接在文档里面用 HTML 撰写。

目前支持的 HTML 元素有：\<kbd> \<b> \<i> \<em> \<sup> \<sub> \<br>等 ，如：  
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑

使用 Ctrl+Alt+Del 重启电脑

2. 转义
   Markdown 使用了很多特殊符号来表示特定的意义，如果需要显示特定的符号则需要使用转义字符，Markdown 使用反斜杠转义特殊字符：

**文本加粗** 
*\* 正常显示星号 \*\*  

显示效果如下：

文本加粗
** 正常显示星号 **