- 此文章已经同步更新到个人博客上，喜欢有侧边栏目录的同学，可以点击下面的链接跳转到个人博客上读阅噢。
- 个人博客地址：http://zwd596257180.gitee.io/blog/2019/04/16/markdown_yufa/
- 前言：在写文章时，我们希望写出来的文章能够突出重点，这就需要借助文字的颜色、字体的大小、背景色等的样式对文章进行样式渲染。但是，我们使用 Markdown 时，没有办法像其它编辑器一样，直接通过按钮式的操作来给文字加样式。所以，我把 markdown 中一些常用的样式进行了整理…
常用 Markdown 语法整理
文字颜色
在 markdown 中常用的文字颜色有：
红色文字：<font color="red">红色文字</font>
浅红色文字：<font color="#dd0000">浅红色文字</font>
蓝色文字：<font color="blue">蓝色文字</font>
浅蓝色文字：<font color="#0000dd">浅蓝色文字</font>
绿色文字：<font color="green">绿色文字</font>
金黄色文字：<font color="#FFFF00">金黄色文字</font>
浅黄色文字：<font color="#dddd00">浅黄色文字</font>
深黄色文字：<font color="#666600">深黄色文字</font>
效果如下：
- 红色文字：红色文字
- 浅红色文字：浅红色文字
- 蓝色文字：蓝色文字
- 浅蓝色文字：浅蓝色文字
- 绿色文字：绿色文字
- 金黄色文字：金黄色文字
- 浅黄色文字：浅黄色文字
- 深黄色文字：深黄色文字
需要其它更多的颜色，可以到下面这个网址查更多颜色的 RGB，或者直接用颜色的英文代替 RGB。
http://www.114la.com/other/rgb.htm
文字大小
在 markdown 中控制字体的大小：
size为1：<font size="1">size为1</font>
size为2：<font size="2">size为2</font>
size为3：<font size="3">size为3</font>
size为4：<font size="4">size为4</font>
size为10：<font size="10">size为10</font>
效果如下：
- size为1：size为1
- size为2：size为2
- size为3：size为3
- size为4：size为4
- size为10：size为10
| 浏览器的默认大小为 3 。 |
文字字体
在 markdown 中常用的字体有：
<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>
<font face="微软雅黑">我是微软雅黑字</font>
效果如下：
- 我是黑体字
- 我是宋体字
- 我是华文彩云
- 我是微软雅黑字
字体类型，可以参考 word 中提供的。
文字背景色
<table><tr><td bgcolor=#FFFF00>背景色的设置是按照十六进制颜色值：#FFFF00</td></tr></table>
<table><tr><td bgcolor=#D1EEEE>背景色的设置是按照十六进制颜色值：#D1EEEE</td></tr></table>
<table><tr><td bgcolor=#C0FF3E>背景色的设置是按照十六进制颜色值：#C0FF3E</td></tr></table>
<table><tr><td bgcolor=#54FF9F>背景色的设置是按照十六进制颜色值：#54FF9F</td></tr></table>
| 背景色的设置是按照十六进制颜色值：#FFFF00 |
| 背景色的设置是按照十六进制颜色值：#D1EEEE |
| 背景色的设置是按照十六进制颜色值：#C0FF3E |
| 背景色的设置是按照十六进制颜色值：#54FF9F |
设置图片尺寸
在 markdown 直接使用提供的语法引入图片是无法设置大小的，所以我们需要用到 html 的 img 标签。
<img src="http://i1.bvimg.com/683890/4961244f2ad4d9b4s.jpg" width="200" height="350" >
设置图片居中
在 markdown 设置图片居中是需要通过 div 来控制的。
<div align=center><img src="http://i1.bvimg.com/683890/4961244f2ad4d9b4s.jpg" width="400" height="550" ></div>