Markdown常用书写语法合集

Posted 2021-08-05 汀、

1. 文字设置

1.1 文字颜色

中常用的文字颜色有：

红色文字：<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>

红色文字：红色文字
浅红色文字：浅红色文字
蓝色文字：蓝色文字
浅蓝色文字：浅蓝色文字
绿色文字：绿色文字
金黄色文字：金黄色文字
浅黄色文字：浅黄色文字
深黄色文字：深黄色文字

颜色大全网址如下：

1.2 文字大小

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

1.3 文字字体

<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>

<font face="微软雅黑">我是微软雅黑字</font>

我是黑体字
我是宋体字

我是微软雅黑字

*斜体*
**粗体**
***加粗斜体***
~~删除线~~

斜体
粗体
加粗斜体
删除线

1.4 文字背景色

<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

引用块

> 文字引用

文字引用

2.设置图片尺寸

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

链接: [link](https://www.csdn.net/).

图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)

带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)

居中的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)

居中并且带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)

2.1 单张居中显示：

<center>
    <img src="http://dreamofbook.qiniudn.com/Zero.png">
</center>

or

<figure>
<img src=“http://xxx.jpg”>
</figure>

固定图片宽度/高度：

<img src="http://xxx.jpg" title="Logo" width="100" /> 
宽度是 Width，高度是 High。Title 为图片描述。

2.2 两张并排显示：

<figure class="half">
    <img src="http://xxx.jpg">
    <img src="http://yyy.jpg">
</figure>

2.3 三张并排显示：

<figure class="third">
    <img src="http://xxx.jpg">
    <img src="http://yyy.jpg">
    <img src="http://zzz.jpg">
</figure>

固定宽度，并排显示并居中
就是把上面的几个例子和起来，下面给出代码:

<center class="half">
    <img src="http://xxx.jpg" width="300"/>
    <img src="http://yyy.jpg" width="300"/>
</center>