Markdown中的变量引用

关键字：

Markdown

,

变量引用

原载地址：https://www.jianchengss.com/2018/04/05/Markdown中的变量引用/

转载请注明出处！

写东西的时候突发奇想，Markdown支持变量引用吗？这么高大上的工具应该支持的吧？！于是就查阅了一些资料:果然支持！ 下面把变量引用的用法记录一下。

使用变量的好处，应该是很明显的：一处定义，处处使用，而且方便统一修改。

示例中二维码是我刚开通个人公众号，有兴趣的关注一波啊，应该是很安静的～ O(∩_∩)O

变量定义

格式，支持中文 :-)

[baidu]:http://www.baidu.com
[我的主页]:http://www.jianchengss.com
[image-qr-code]: https://gitee.com/jianchengss/resources/raw/master/images/weixin/mp_QR-code/Jason_pinyaxuan_8.jpg
[image-error]: https://www.baidu.com/Jason_pinyaxuan_8.jpg
           

定义的变量可以在文档的任何位置，而且在正文中不显示，比如说本文底部定义了上面代码块里的变量，供下面示例使用，不过页面上是看不到的。

注意！链接写的时候一定要带

http://

,不然链接不生效，不要问我是怎么知道的！！

变量使用

### 示例1
直接把key放入[],这样显示文本是key，链接为value
（但是两个放在一行会出问题，而且要空一行才能正确显示两个。。。。）:

[baidu] [我的主页]  ← 这里有两，只会显示第一个，估计识别成两个中括号的模式了（因为鼠标放上去显示链接是第二个变量值，两个中括号中间空格无效）

[baidu]

[我的主页]
           

示例1

直接把key放入[],这样显示文本是key，链接为value

（但是两个放在一行会出问题，而且要空一行才能正确显示两个。。。。）:

baidu ← 这里有两，只会显示第一个，估计识别成两个中括号的模式了（因为鼠标放上去显示链接是第二个变量值，两个中括号中间空格无效）

baidu

我的主页

### 示例2
自定义链接显示文本 + key，分别在[]里：

[百度][baidu] [我的主页][我的主页]
           

示例2

自定义链接显示文本 + key，分别在[]里：

百度 我的主页

### 示例3
图片中引用变量：

直接使用，前面加感叹号，这样图片失效的时候显示的是key，图片显示是value指向的图片：

![image-qr-code]
![image-error]
           

示例3

图片中引用变量：

直接使用，前面加感叹号，这样图片失效的时候显示的是key，图片显示是value指向的图片：（该方法CSDN不支持）

!image-qr-code

!image-error

### 示例4
感叹号+[图片失效是显示文本] + [key], 自定义图片失效是显文本:

![图片失效是显示文本][image-qr-code]

![图片加载失败][image-error]
           

示例4

感叹号+[图片失效时显示文本] + [key], 自定义图片失效是显文本: