Markdown 速查手册

Markdown 快速入门到进阶

1. Markdown 快速入门

1.1 工具介绍

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档

笔者觉得用起来比较舒服的：

​ mac端：Mou工具,Typora

​ windows端：Typora,马克飞象（为印象笔记打造的），有道云笔记

1.2 常用功能介绍

---

1.2.1 强调

单星号括起来是斜体，双星号括起来是加粗，加粗，可以使用快捷键Ctrl+B来进行加粗

markdown语法:

*敌军*还有**三十秒**到达战场

效果:

敌军还有三十秒到达战场

---

1.2.2 键盘文本

markdown语法:

<kbd>表示键盘上的键，比如ctrl之类的</kbd>

效果:

表示键盘上的键，比如ctrl之类的

---

1.2.3 引用

>+空格或>>+空格

markdown语法:

> 鲁迅说：世界上本没有路，走的人多了便有了路

>> 我说：是的

效果:

鲁迅说：世界上本没有路，走的人多了便有了路

我说：是的

---

1.2.4 标题

多个#+空格

markdown 支持六级标题

markdown语法:

# 一级标题

## 二级标题

效果:

一级标题

二级标题

---

1.2.5 列表

无序列表使用：*+空格，有序列表使用：数字.+空格;

无序列表可以搭配中括号来制作待办事项；

当然无序列表，有序列表，引用都是可以相互嵌套的；

markdown语法:

* [x] 项目一

效果:

• 项目一
• 项目二

---

1.2.6 链接

markdown语法:

[链接名称](链接地址)或者<链接地址>或者使用变量的方式[链接名称][变量名]

效果:

第一种方式：

更多信息请访问姚潇锋的博客

第二种方式：

https://blog.51cto.com/yaoxiaofeng

第三种方式：

这是姚潇锋的博客地址

然后将下面这个链接放在文章末尾

---

1.2.7 图片处理

markdown语法:

>方式1:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gw2iSKvh-1598761734815)(链接地址)]
>方式2:另一种方式是将图片保存在有道云笔记，然后分享链接，用链接的方式来处理[链接名称](链接地址)
>方式3:使用图床的方式
>方式4:用微信等截图工具截图后可以直接粘贴进md文档，只能保存在本地md文档，在csdn中粘贴时，还得一张一张来上传

效果:

方式1:

方式2:

有道云笔记的一个图片链接

方式4:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-h4HhvcPv-1598761734818)(/Users/macbook/Library/Application Support/typora-user-images/image-20200829115447943.png)]

---

1.2.8 脚注

markdown语法:

[^脚注内容]

效果:

这是一个脚注

---

1.2.9 表格

markdown语法:

|左对齐|两端对齐 |右对齐 |
|:---|:---:|---:|
|单元格1|单元格2|单元格3|

最简单的是从mac菜单栏中段落子菜单中插入表格

效果:

---

1.2.10 删除线

markdown语法:

~~删除线～～

效果:

删除线

---

1.2.11 分割线

markdown语法:

----

效果:

---

1.2.12 上标和下标

markdown语法:

这是一个上标<sup>上标内容</sup>,这是一个下标<sub>下标内容</sub>

效果:

这是一个上标^上标内容

这是一个下标_下标内容

---

1.2.13 插入目录

markdown语法:

@[toc]

效果:

参考文章开始的目录效果

写在入门部分的最后：

在mac中，其实在菜单栏中的段落格式是可以实现上面的很多功能的，比如插入图片，链接，脚注，表格，代码块，公式，列表，目录，引用，进行标题，段落的设置，应该是包含了所有上面的基本功能。
另外CSDN右侧的帮助文档和快捷键提示真的很棒，建议大家使用csdn来写博客，很棒```

2.Markdown进阶

2.1 更改字体，大小，颜色：

markdown语法:

<font face="微软雅黑">我是微软雅黑</font><br />
<font face="STCAIYUN">我是华文彩云</font><br />
<font color=red>我是红色</font><br />
<font color=#008000>我是绿色</font><br />
<font color=Blue>我是蓝色</font><br />
<font size=5>我是尺寸</font><br />
<font face="黑体" color=green size=5>我是黑体，绿色，尺寸为5</font><br />

效果:

我是黑体字

我是微软雅黑

我是华文彩云

我是红色

我是绿色

我是蓝色

我是尺寸

我是黑体，绿色，尺寸为5

---

2.2 设置图片百分比

markdown语法:

<img src="https://i-blog.csdnimg.cn/blog_migrate/714b1fac576603ac8efe92140d138537.jpeg" width="50%" height="50%">

效果:

---

2.3 设置图片大小

markdown语法:

<img src="https://i-blog.csdnimg.cn/blog_migrate/714b1fac576603ac8efe92140d138537.jpeg" width="251" height="350" >

效果:

---

2.4设置图片靠左

markdown语法:

<div align=left><img src="https://i-blog.csdnimg.cn/blog_migrate/714b1fac576603ac8efe92140d138537.jpeg" width="50%" height="50%"></div>

效果:

ps：center,left,left

---

2.5 设置文字背景色

markdown语法:

<table><tr><td bgcolor=yellow>背景色yellow</td></tr></table>

效果:

背景色red

---

参考资料

RGB颜色对照表

CSDN md介绍：非常详细

在这里插入代码片