Markdown入门到进阶

MarkDown是什么？

Markdown是一种轻量级的标记语言，可用于将格式设置元素添加到纯文本文档中。

Markdown 由John Gruber于2004年创建，如今已成为世界上最受欢迎的标记语言之一。

为什么要使用Markdown？

• 使用Markdown可以很容易写出好看的文档

• Markdown 语法简洁明了，易于掌握

• 所有的文本编辑器都可以打开markdown文档进行编辑，

  但是只有支持markdown语法的编辑器才能正常预览格式

  我用的Typora，可以实时预览

• 很多网站都支持markdown如果你是程序员肯定知道全球最大同性交友网站github
  国内的gitee，如果你做过自媒体，比如在今日头条上发布文章，他们都支持markdown

Markdown编辑器

Typora: Typora 这款多平台的编辑器，支持 OS X， Windows 和 Linux 三个平台，并且是实时预览，也是我自己一直使用的markdown编辑器
官网：https://www.typora.io/

Typora的界面非常简洁

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8f7WfYeG-1614322058916)(./imgs/typora.png)]

MarkdownPad2: 一款全功能的编辑器，被很多人称赞为Windows 平台最好用的markdown编辑器
官网：http://www.markdownpad.com/

Markdownpad2左边是包含markdownpad语法的界面，右边是预览界面

当然还有其他的编辑器，这里不一一列出来了。

个人感觉是Typora比Markdwnpad好用

Markdown标题

有2种表示方法
方法一：

这是一级标题
=============

这是二级标题
-------------

显示如下：

这是一级标题

这是二级标题

方法二：

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

示例如下：

上面示例左侧是Markdown，右侧是预览结果

使用在线Markdown工具dillinger。官网：https://dillinger.io/

Markdown字体

粗体

Markdown写法	渲染输出
**我是粗体文本**	我是粗体文本
__我也是粗体文本__	我也是粗体文本

斜体

Markdown写法	渲染输出
*我是斜体文本*	我是斜体文本
_我是斜体文本_	我是斜体文本

粗体斜体混合

Markdown写法	渲染输出
***我是粗斜体文本***	我是粗斜体文本
___我也是粗体文本___	我也是粗体文本

Markdown区块

写法如下：

> 我是区块
> newbee.com
> 我要从newbee变成牛B

显示如下：

我是区块

newbee.com

我要从newbee变成牛B

区块的嵌套

写法如下：

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

显示如下：

最外层

第一次嵌套

第二层嵌套

Markdown列表

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

无序列表
无序列表使用破折号-，星号*或加号+，标记后面要添加空格，写法如下：
可以写成：

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

也可以写成：

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

还可以写成：

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

以上3种书写方式都可以，根据个人爱好

显示如下：

• 第一项
• 第二项
• 第三项
• 第四项

有序列表
有序列表在前面添加数字和句号（英文状态下）。数字可以不按数字顺序排列，但列表必须是数字开头，写法如下：

1. 第一项
2. 第二项
3. 第三项
4. 第四项

或（不按顺序）

1. 第一项
9. 第二项
2. 第三项
3. 第四项

显示如下：

1. 第一项
2. 第二项
3. 第三项
4. 第四项

如果不信可以自己马上实践一下。

列表嵌套

写法如下：

- 第一项
  - 第一项的无序列表嵌套
    - 再一次嵌套
  - 第一项的无序列表嵌套
- 第二项
  1. 第二项的有序列表嵌套
     - 再一次嵌套
  2. 第二项的有序列表嵌套

显示如下：

• 第一项
  • 第一项的无序列表嵌套
    • 再一次嵌套
  • 第一项的无序列表嵌套
• 第二项
  1. 第二项的有序列表嵌套
     • 再一次嵌套
  2. 第二项的有序列表嵌套

有序列表和无序列表是可以相互嵌套的，而且可以无限嵌套（如果你不怕挨打的话）

列表嵌套区块

列表不但可以自己嵌套，也可以嵌套区块，写法如下：

- 第一项
  > 我是区块
  > - 我是区块的列表

显示如下：

• 第一项

  我是区块

  • 我是区块的列表

备注：区块和列表是可以相互嵌套的

Markdown任务列表

Markdown还可以创建带有复选框的项目列表，写法如下：

选择你的爱好，可以多选:
- [x] 看书
- [ ] 听歌
- [ ] 上网
- [x] 玩游戏

显示如下：
选择你的爱好，可以多选:

• 看书
• 听歌
• 上网
• 玩游戏

Markdown分割线

下划线用连续3个*或-表示，写法如下：

***
_____

显示如下：

---

---

Markdown删除线

删除线用~表示，就是数字键1前面的，要在英文状态下输入哦！写法如下：

我没有删除线
~~我有删除线~~

显示如下：

我没有删除线

我有删除线

Markdown下划线

markdown没有下划线符号，但是可以用html的**\<u\>**标签来表示，写法如下：

我就是<u>下划线</u>

显示如下：

我就是下划线

备注：markdown是支持html语法的

Markdown脚注

Markdown的脚注格式，写法如下：

这样创建脚注[^newbee]

[^newbee]:登陆newbee.wang从newbee到牛

显示如下：

Markdown文字颜色

Markd本身是不支持颜色的。但是前面说到markdown是兼容html的

因此我们可以用html来显示颜色，写法如下：

<font color=#228B22 >**绿色:**</font> 表示执行成功但是没做任何修改
<font color=#FFD700 >**黄色:**</font> 表示执行成功并做了修改
<font color=#FF4500 >**红色:**</font> 表示执行失败
<font color=#AFEEEE >**浅绿色:**</font> 表示跳过此次操作

显示如下：

我是绿色

**我是黄色 **

**我是红色 **

我是浅绿色

Markdown代码块

单行代码

单行代码放在2个反引号" ` "中间

`print("welcome to newbee.wang")`

显示如下：

print("welcome to newbee.wang")

普通多行代码块

代码块是以3个反引号 **"`" ** 开头并且还是同样方式结束，写法如下：

​```
#!/usr/bin/python3
name = "newbee.com"
print ("welcome newbee.wang")
print ("From newbee to 牛B")
print (name)
​```

显示如下：

#!/usr/bin/python3
name = "newbee.com"
print ("welcome newbee.wang")
print ("From newbee to 牛B")
print (name)

多行代码块语法高亮

写法如下：

​```python
#!/usr/bin/python3
name = "newbee.com"
print ("welcome newbee.wang")
print ("From newbee to 牛B")
print (name)
​```

显示如下：

#!/usr/bin/python3
name = "newbee.com"
print ("welcome newbee.wang")
print ("From newbee to 牛B")
print (name)

Markdown链接

写法如下：

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

例：

[运维零到一](https://www.newbee.wang)
<https://www.newbee.wang>

显示如下：

运维零到一

https://www.newbee.wang

Markdown图片

添加图片要使用感叹号 " ! " + 方括号"[]" + 圆括号"()"。写法如下：

![图片标题](图片URL)

例：

![小猴子](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif)

显示如下：

说明：方括号的内容是自定义的，是对图片的说明。圆括号内的图片路径，这个个路径可以是网络链接、本地绝对路径和本地相对路径

**补充：**Markdown不支持修改图片的尺寸和位置的，如果要控制图片的尺寸或位置需要使用html的img标签

**调整图片尺寸，**写法如下：

<img src="https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif" width="50px"/>

显示如下：

**图片靠右显示，**写法如下：

<img src="https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif" align="right"/>

显示如下：

Markdown表格

Markdown 制作表格使用 "**|**" 来分隔不同的单元格，使用 "**-**" 来分隔表头和其他行,写法如下：

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

显示如下：

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

Markdown表格默认是左对齐。

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

• :-- 设置左对齐
• :--: 设置居中对齐
• --: 设置右对齐

例：

|左对齐|居中对齐|右对齐|
|:---|:---:|---:|
|我左对齐了|我居中对齐了|我右对齐了|

显示如下：

左对齐	居中对齐	右对齐
我左对齐了	我居中对齐了	我右对齐了

Markdown的转义字符