常用 Markdown 语法整理

川长思鸟来 2021-09-18 23:32 571阅读 0赞

--------------------

*  此文章已经同步更新到个人博客上，喜欢有侧边栏目录的同学，可以点击下面的链接跳转到个人博客上读阅噢。
 *  个人博客地址：[http://zwd596257180.gitee.io/blog/2019/04/16/markdown\_yufa/][http_zwd596257180.gitee.io_blog_2019_04_16_markdown_yufa]

--------------------

*  前言：在写文章时，我们希望写出来的文章能够突出重点，这就需要借助文字的颜色、字体的大小、背景色等的样式对文章进行样式渲染。但是，我们使用 Markdown 时，没有办法像其它编辑器一样，直接通过按钮式的操作来给文字加样式。所以，我把 markdown 中一些常用的样式进行了整理…

--------------------

# 常用 Markdown 语法整理 #

--------------------

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWRvbmdfeQ_size_16_color_FFFFFF_t_70]

# 文字颜色 #

在 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][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

<table> 
 <tbody> 
  <tr> 
   <td>浏览器的默认大小为 3 。</td> 
  </tr> 
 </tbody> 
</table>

# 文字字体 #

在 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>

<table> 
 <tbody> 
  <tr> 
   <td>背景色的设置是按照十六进制颜色值：#FFFF00</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td>背景色的设置是按照十六进制颜色值：#D1EEEE</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td>背景色的设置是按照十六进制颜色值：#C0FF3E</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td>背景色的设置是按照十六进制颜色值：#54FF9F</td> 
  </tr> 
 </tbody> 
</table>

# 设置图片尺寸 #

在 markdown 直接使用提供的语法引入图片是无法设置大小的，所以我们需要用到 html 的 img 标签。

# 设置图片居中 #

在 markdown 设置图片居中是需要通过 div 来控制的。

# 参考文章 #

[https://blog.csdn.net/manjianchao/article/details/53668280][https_blog.csdn.net_manjianchao_article_details_53668280]

[https://blog.csdn.net/heimu24/article/details/81189700][https_blog.csdn.net_heimu24_article_details_81189700]

[http_zwd596257180.gitee.io_blog_2019_04_16_markdown_yufa]: http://zwd596257180.gitee.io/blog/2019/04/16/markdown_yufa/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaWRvbmdfeQ_size_16_color_FFFFFF_t_70]: /images/20210626/a1303f43ef324b989ca8b8fc74b12ebb.png
[http_www.114la.com_other_rgb.htm]: http://www.114la.com/other/rgb.htm
[https_blog.csdn.net_manjianchao_article_details_53668280]: https://blog.csdn.net/manjianchao/article/details/53668280
[https_blog.csdn.net_heimu24_article_details_81189700]: https://blog.csdn.net/heimu24/article/details/81189700