Markdown内嵌HTML语法

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

缩进与换行

  Markdown中可以用两个空格+回车进行换行，另外<br />也可以表示换行；在Markdown中，可以用HTML中的特殊字符 ， 来实现缩进的效果，其中 表示半角空格， 表示全角空格。
输入如下所示：

&emsp;&emsp;半角空格用`&ensp;`表示；<br />&ensp;&ensp;&ensp;&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中的<sup>xxx</sup>实现上标、<sub>xxx</sub>实现下标

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>对其使用下划线</u>。

显示效果如下：

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

可以使用<span style="text-decoration: overline;"></span>为文本添加上划线。

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

展示数学公式

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

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

生成公式效果如下：

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

转载于:https://www.cnblogs.com/bitrocco/p/7705258.html