- 此文章已經同步更新到個人博客上，喜歡有側邊欄目錄的同學，可以點擊下面的鏈接跳轉到個人博客上讀閱噢。
- 個人博客地址：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>