Markdown 内嵌 HTML 语法

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。Markdown内嵌HTML，本文总结了一些常用的HTML标记用于扩展Markdown语法。参考链接：Markdown 语法说明(简体中文版)

缩进与换行

Markdown中可以用两个空格+回车进行换行，另外 也可以表示换行；在Markdown中，可以用HTML中的特殊字符&ensp;，&emsp;来实现缩进的效果，其中&ensp;表示半角空格，&emsp;表示全角空格。

输入如下所示：

&emsp;&emsp;半角空格用`&ensp;`表示；<br />&ensp;&ensp;&ensp;&ensp;全角空格用`&emsp;`表示。

实现的效果如下所示：

半角空格用&ensp;表示；
全角空格用&emsp;表示。

字体、字号、颜色、背景

<font face="黑体">实现字体为黑体</font>
<small>比默认字体小一号</small>
这里显示的是浏览器默认字体大小
<font size=4>实现字体大小改变</font>
<big>比默认字体大一号</big>
<font color=red>实现字体颜色为红色</font>
<span style="background-color: orange">实现背景填充为橙色</span>
<font color=#FF69B4>颜色值用十六进制表示，实现字体颜色为“热情的粉红”</font>
<span style="background-color: #D3D3D3">颜色值用十六进制表示，实现背景填充为“浅灰色”</span>
<font face="黑体" size=4 color=red >实现字体效果：黑体、4号、红色</font>
<span style="background-color: #D3D3D3"><font size=4 color=#DC143C>默认字体，猩红色，4号，浅灰色填充</font></span>

实现的效果如下所示：

实现字体为黑体
比默认字体小一号
这里显示的是浏览器默认字体大小
实现字体大小改变
比默认字体大一号
实现字体颜色为红色
实现背景填充为橙色
颜色值用十六进制表示，实现字体颜色为“热情的粉红”
颜色值用十六进制表示，实现背景填充为“浅灰色”
实现字体效果：黑体、4号、红色
默认字体，猩红色，4号，浅灰色填充

注记：字号size的值可取 1 ~ 7，浏览器默认字体大小为 3；
部分颜色列表可以参考 RGB颜色值与十六进制颜色码转换工具

实现上标、下标

可以用HTML中的xxx实现上标、xxx实现下标

H<sub>2</sub>O、注册商标<sup>&reg;</sup>、(x<sub>1</sub>+x<sub>2</sub>)<sup>2</sup> = x<sub>1</sub><sup>2</sup>+x<sub>2</sub><sup>2</sup>+2x<sub>1</sub>x<sub>2</sub>

实现的效果如下所示：

H₂O、注册商标^®、(x₁+x₂)² = x₁²+x₂²+2x₁x₂

实现下划线、上划线

可以使用标签为文本添加下划线。

如果文本不是超链接，就不要<u>对其使用下划线</u>。

显示效果如下：

如果文本不是超链接，就不要对其使用下划线。

可以使用为文本添加上划线。

<span style="text-decoration: overline;">RESET</span>是复位信号，输入低电平有效。

显示效果如下：

RESET是复位信号，输入低电平有效。

关于图片处理的技巧

Markdown格式生成的图片默认居左对齐，大小受图片实际大小限制
![](http://images2017.cnblogs.com/blog/1147566/201710/1147566-20171021214314318-1142270911.jpg)

可以用HTML语言的"width"、"height"来固定图片的大小
<img width=256 height=256 src="http://images2017.cnblogs.com/blog/1147566/201710/1147566-20171021214314318-1142270911.jpg" />

可以用"<div>"结合"align"控制图片居中对齐
<div align="center"><img src="http://images2017.cnblogs.com/blog/1147566/201710/1147566-20171021214314318-1142270911.jpg" /></div>

若要在图片下方加标注，可用如下方式实现
<center>
<img width=256 height=256 src="http://images2017.cnblogs.com/blog/1147566/201710/1147566-20171021214314318-1142270911.jpg" />
图 1 数字图像处理的标准图
</center>

图 1 数字图像处理的标准图

特殊字符

一些常用的特殊符号，比如 § 、→ 、® 等等，均可借助HTML语言很容易地实现，具体可参考HTML 4.01 符号实体

符号	说明	对应编码	英文解释
&	AND 符号	`&`	ampersand
<	小于	`<`	little
>	大于	`>`	great
	空格	` `	number space
¿	倒问号	`¿`	inverted question
?	问号	`&quest;`	question
«	左书名号	`«`	left angle quote
»	右书名号	`»`	right angle quote
"	引号	`"`	quote
‘	左单引号	`‘`	left single quote
’	右单引号	`’`	right single quote
“	左双引号	`“`	left double quote
”	右双引号	`”`	right double quote
¶	段落符号	`¶`	paragraph
§	章节符	`§`	section
×	乘号	`×`	times
÷	除号	`÷`	divide
±	加减号	`±`	plus minus
ƒ	function	`&fnof;`
√	根号	`√`	radic
∞	无穷大	`∞`	infinite
°	度	`°`	degree
≠	不等号	`≠`	ne
≡	恒等于	`&equiv;`	equivalent
≤	小于等于	`≤`	less than or equal to
≥	大于等于	`≥`	great than or equal to
⊥	垂直符号	`&perp;`	perpendicular
←	左箭头	`←`	left arrow
→	右箭头	`→`	right arrow
↑	上箭头	`↑`	up arrow
↓	下箭头	`↓`	down arrow
↔	水平双箭头	`↔`	horizontal arrow
↕	竖直双箭头	`&varr;`	vertical arrow
⇐	双线左箭头	`⇐`	left arrow
⇒	双线右箭头	`⇒`	right arrow
⇑	双线上箭头	`&uArr;`	up arrow
⇓	双线下箭头	`&dArr;`	down arrow
⇔	双线水平双箭头	`⇔`	horizontal arrow
⇕	双线竖直双箭头	`&vArr;`	vertical arrow
♠	黑桃	`&spades;`	spades
♥	红桃	`&hearts;`	hearts
♣	梅花	`&clubs;`	club
♦	方块	`&diams;`	diamonds
©	版权	`©`	copy right
®	注册商标	`®`	registration
™	商标	`™`	trade
¥	人民币	`¥`
€	欧元	`€`	euro
¢	美分	`¢`	cent
£	英磅	`£`	pound
⊕		`&oplus;`
½	二分之一	`½`	fraction
¼	四分之一	`¼`	fraction
‰	千分符号	`&permil;`	per mille
∴	所以	`&there4;`	there fore
π	圆周率	`π`
¹	商标1	`¹`	super 1
α	alpha	`α`	alpha
β	beta	`β`	beta
γ	gamma	`γ`	gamma
δ	delta	`δ`	delta
θ	theta	`θ`	theta
λ	lambda	`λ`	lambda
σ	sigma	`σ`	sigma
τ	tau	`τ`	tau

展示数学公式

发现博客园的markdown对LaTeX公式的支持好像有bug，可以在在线 LaTeX 公式编辑器编辑公式后（如下图）

复制下方图片URL，或URL Encoded，或直接在生成的公式上面右键复制图片，粘贴过来即可

生成公式效果如下：

对于简单的行内公式，完全可以借用上文所说的HTML中的特殊字符实现。