Markdown是什么？及其做用和用法

好问的人，只作了五分种的愚人；耻于发问的人，终身为愚人。——佚名

背景

嘿哈！你们好，昨天第一次整理出一些本人自认为 是对你们有帮助的关于display的知识点，但我写完并发布后发现，用HTML编辑器写出来的排版老是别扭，便根据大哥说的去查找了一下并发现了另外一种编辑方式，也就是今天的主角-----Markdown。

首先呢我也是第一次接触Markdown，根据一天在菜鸟的学习整理出来的一些理论知识和各自的用法，接下来就和你们探讨一下，欢迎各路大神评论指点！

---

在这里我将用VScode编译器来为你们示范，方便你们理解和学习。 （这里不过多的讲述VScode如何运行Markdown,想要了解的能够点击这里)

---

介绍Markdown：

Markdown是一种易读易写，可使普通文体编辑器编写的标记语言，能使普通文本内容具备必定的格式。
Markdown编写文档后缀为.md .markdown

---

Markdown标题：

Markdown 标题有两种格式

1.=和-标记语法格式，以下：

我是一级标题
==========
我是二级标题
----------

显示效果以下图：

2.使用#号标记

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

显示效果以下图：

---

Markdown段落：

Markdown 段落，没有特殊的格式，直接编写文字就好，段落的换行是使用两个以上空格加上回车。

---

调整字体:

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

显示效果以下图：

---

分隔线：

能够用三个及三个以上的星号、减号、底线来创建分隔线(注意：行内不能有其它东西)。也能够在星号或是减号中间插入空格，以下：

***

* * *

*****

- - -

----------

效果以下图：

---

下划线：

在文字的两端加上两个波浪线 ~~ 便可，实例以下：

Good boy
~~Good boy~~

效果以下：

---

删除线：

下划线能够经过HTML的<u>标签来实现：
<u>带下划线的文本</u>

---

脚注：

. Markdown 脚注的格式以下: [^要注明的文本]

例如文言文注释：
多行不义，必自毙[^1]
[^1]: 倒下去

效果以下：

---

Markdown 列表：

Markdown 支持有序列表和无序列表。

无序列表:
Markdown 支持有序列表和无序列表。
无序列表使用星号(*)、加号(+)或是减号(-)做为列表标记：

* 第一项
* 第二项
* 第三项

+ 第一项
+ 第二项
+ 第三项


- 第一项
- 第二项
- 第三项

大家能够试一下结果是否是这样的

有序列表：
使用数字并加上 . 号来表示，如
1. 第一项
2. 第二项
3. 第三项

似酱样子嘛！哈哈哈 还有一种排序方式是 列表嵌套：

列表嵌套只需在子列表中的选项添加四个空格便可：

1. 第一项：
    - 第一项嵌套的第一个元素
    - 第一项嵌套的第二个元素
2. 第二项：
    - 第二项嵌套的第一个元素
    - 第二项嵌套的第二个元素

效果是这样的哈哈：

---

Markdown区块：

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

>  1. 介绍Markdown
 >  2. Markdown标题书写格式
 >  3. Markdown段落格式
	
> 最外层
> > 第一层嵌套
> > > 第二层嵌套

效果分别以下图所示：
在区块中也可根据本身的想法和需求灵活使用有序无序排列，舒舒服服！

---

Markdown代码：

段落上的一个函数或片断的代码能够用反引号把它包起来 ( ` ) such as:

`function`()函数

是这样子的：

---

代码区块

代码区块使用 4 个空格或者一个制表符（Tab 键），也能够用(```)包裹一段代码，我的感受经常使用的是```，比较方便快捷，在这就举一个例子

<div class="box">
   <div class="content">
       <span class="one"> 
           1
       </span>
       <span class="two">
           2
       </span>
   </div>
</div>

如图:

Markdown连接：

连接使用方法以下：

[连接名称](连接地址)
或
<连接地址>

例如呢：

这是小游戏的连接[4399小游戏](www.4399.com)

结果显而易见：这是小游戏的连接4399小游戏

---

高级连接

连接也能够用变量来代替，文档末尾附带变量地址：
这个连接用 小游戏 做为网址变量 [4399][小游戏]
而后在文档的结尾为变量赋值（网址）

  [小游戏]: http://www.4399.com/

显示结果以下：
这个连接用 小游戏 做为网址变量 4399

Markdown图片

• 开头一个感叹号 !
• 接着一个方括号，里面放上图片的替代文字 []
• 接着一个普通括号，里面放上图片的网址，最后还能够用引号包住并加上选择性的 'title' 属性的文字。 ()

![alt 属性文本]( 图片地址 )
![alt 属性文本]( 图片地址 "可选标题")

复制图片的地址到括号里
![表情包](http://tu.jiuwa.net/pic/20180108/1515412976763098.gif)

哈哈，结果就是表情包都说实话了

也能够看转换的细节

Markdown表格：

说到表格，在昨天我还未认知Markdown的时候还被Markdown表格戏耍了一番，我认认真真的在最后的总结框了一个表格，可是自动给转换成了Markdown格式，瞬间就

哈哈总之终于能够扬眉吐气的揭开了他们的面纱了...

Markdown 制做表格使用 | 来分隔不一样的单元格，使用 - 来分隔表头和其余行。

语法格式以下：

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

显示以下：
文字对齐的方式也能够设置哦

• -: 设置内容和标题栏居右对齐。
• :- 设置内容和标题栏居左对齐。
• :-: 设置内容和标题栏居中对齐。

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

就是这样的效果：

补充：

转义:

Markdown 有不少特殊符号来表示特定的意义，但若是须要显示特定的符号则须要使用转义字符，Markdown 使用反斜杠转义特殊字符

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

效果： Markdown 支持如下这些符号前面加上反斜杠来帮助插入普通的符号：

\   反斜线
`   反引号
*   星号
_   下划线
{}  花括号
[]  方括号
()  小括号
#   井字号
+   加号
-   减号
.   英文句点
!   感叹号

今日总结：

Markdown在我看看来，是很是方便快捷的，无论作什么行业只要和计算机有关均可以用到。以前没接触过不知道，但接触事后你会发现这可比word，pdf等有趣的多哦。用起来得心顺手。这水我已经替你们试过来，很是的comfortable，叫上小伙伴们赶快来学习吧！ OK 今天所学就讨论到这里，但愿能给须要用到Markdown的朋友一些帮助.