进阶 Markdown 标记语法汇总 2020-05-30 教程 · Views

这里的进阶是对初学者而言的。例如一些 Markdown 语法无法表达的样式，以 HTML 嵌入的方式来实现。更基础的 Markdown 语法，详见 这里

文本

字体

<font face="Cooper">WDSXHB</font>

效果：

WDSXHB

大小

<font face="Cooper" size=6>WDSXHB</font>  #size=1~7，默认值是 3

效果：

WDSXHB

颜色

<font face="Cooper" color=#53bdbd>WDSXHB</font>

效果：

WDSXHB

居中

<center><font face="Cooper" color=blue>WDSXHB</font></center>

效果：

WDSXHB

下划线

<u>“WDSXHB”</u>
<span style="border-bottom:2px dashed red;">WDSXHB</span>

效果：

“WDSXHB”
WDSXHB

分段和空格

分段

<p>第一段</p>
<p>第二段</p>

效果：

第一段

第二段

空格

  WDSXHB

效果：

  WDSXHB

图片

常规图片

![图片说明](图片路径)
或
![图片说明][id]  #图片链接用 id 作为变量
[id]: 图片路径

效果：

或

图片居中、大小和内嵌链接

<center class="half">
    <a href="https://blog.wdsxhb.club"> 
    <img src="https://cdn.jsdelivr.net/gh/longlivewe/tuchuang/blog/img/picgo/20200530104259.png" width="14%" height="14%"/>
</center></a>

效果：

链接

普通链接

[我的博客](https://blog.wdsxhb.club)

效果：

我的博客

进阶链接

[我的博客](https://blog.wdsxhb.club “我的博客”)
链接用 CaryC 作为变量 [Blog][CaryC]
链接用 blog 作为变量 [Blog][blog]
在文档的结尾为变量赋值

  [1]: https://blog.wdsxhb.club
  [blog]: https://blog.wdsxhb.club

效果：

我的博客

链接用 1 作为变量 Blog
链接用 blog 作为变量 Blog
在文档的结尾为变量赋值