进阶 Markdown 标记语法汇总

2020-05-30 教程
Cover Image

This article was last updated on days ago, the information described in the article may be outdated.

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

文本

字体

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

效果:

WDSXHB

大小

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

效果:

WDSXHB

颜色

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

效果:

WDSXHB

居中

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

效果:

WDSXHB

下划线

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

效果:

“WDSXHB”
WDSXHB

分段和空格

分段

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

效果:

第一段

第二段

空格

1
&emsp;&emsp;WDSXHB

效果:

  WDSXHB

图片

常规图片

1
2
3
4
![图片说明](图片路径)

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

效果:

图片说明

图片说明

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

1
2
3
4
<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>

效果:

链接

普通链接

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

效果:

我的博客

进阶链接

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

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

效果:

我的博客

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

Author: CaryC

文章默认使用 CC BY-NC-SA 4.0 协议进行许可,使用时请注意遵守协议。

Permalink: https://blog.wdsxhb.club/2020/05/30/markdown/

教程

Comments

Unable to load Disqus, please make sure your network can access.