Markdown中的引用与交叉引用

全文目录大纲

Markdown中的引用与交叉引用
- 一、Markdown中的引用
- 二、Markdown中的交叉引用
- - 正文中引用图片
  - 正文中引用参考文献

一、Markdown中的引用

Markdown中的引用使用方法为在要引用的文字前输>，如：

> 你好

输出效果：

你好

需要注意的是，有的编译器可能需要在>后加空格才能引用生效。为规范语法、美化代码，建议统一在>后加一个空格。
和使用标题所用的#一样，代码生效的关键在于>要另起一行且位于行首。

二、Markdown中的交叉引用

交叉引用适用于许多场景：

正文中引用图片
正文中引用表格
正文中引用参考文献
……

在这里，可以利用HTML标签的思想为被引用对象插入锚点，命好名，在正文中可以直接进行交叉引用。

正文中引用图片

利用HTML的思想，引入<div></div>块对图片进行插入：

<div align="center">
<a name="ML"></a>
<img src="https://seopic.699pic.com/photo/40005/7241.jpg_wh1200.jpg" alt="ML" style="zoom:80%;"/>
<br>图1：Machine Learning</div>

其中，aligh="center"表示将图片居中，<br>为换行符。<img>中的alt="ML"在HTML中表示可用于定位的标签，但是在有的Markdown编辑器中无法实现这个作用。该功能需要借助<a name="ML"></a>来实现，表示命名为ML的锚点。

需要注意的是，<a name="ML"></a>的放置位置决定了交叉引用所指向的位置。如果<a>和</a>之间包含了其他标签，比如在这里如果<a>和</a>将图片包括进来，即，将</a>放到<br>左或右边，则交叉引用所指的位置位于整幅图片的正中间。如果像上面举例的那样，<a>和</a>中间不包括其他部分，则直接指向<a>和</a>所在位置。
也就是说，交叉引用指向的位置位于<a>和</a>所包含内容的正中间。

图片展示效果如下：

图1：Machine Learning

而正文中的引用方法为：

[图1](#ML)是一张机器学习的宣传图。

交叉引用表格则和交叉引用图片的方法类似，使用时只需将图片换成表格即可。

正文中引用参考文献

在这里，被引用的参考文献书写的代码如下：

<div><a name="R1"></a>
[1] Karlgren, Jussi. An algebra for recommendations: using reader data as a basis for measuring document proximity, 1990.
</div>

在上面的代码中，两个</>的位置可以自由调整，不影响展示效果。相当于需要用<div>和<a>来把参考文献给封装起来，以实现锚点标记功能。

而原文中可以使用脚标来进行引用，引用方法如下：

1990年，推荐系统的概念首次被哥伦比亚大学的Jusii Karlgren教授在一份报告[<sup>1</sup>](#R1)中提及。

展示效果如下：

1990年，推荐系统的概念首次被哥伦比亚大学的Jusii Karlgren教授在一份报告¹中提及。

参考文献：

[1] Karlgren, Jussi. An algebra for recommendations: using reader data as a basis for measuring document proximity, 1990.

其中，<sup>1</sup>表示将1给标成脚标形式。正文中的引用的方式都为[**](#**)。