Typora链接使用教程

Typora

类型：Markdown编辑器

简介：跨平台Markdown编辑器，所见即所得，支持Latex公式。

Typora对各种链接格式的支持非常完善。本篇教程将介绍如何在 Typora 中使用不同的链接语法，包括超链接、引用链接、自动链接、HTML 标签、链接到本地文件和内部链接等。

一、Typora超链接

Typora 支持 Markdown 格式的超链接，基本语法如下：

[Link Text](link-address)

如果希望为链接添加标题（可选），可以这样写：

[Link Text](link-address "optional title")

注意：对于此语法，链接中的协议（如 http:// 或 https://）不能省略，否则链接可能无法正确解析。

二、Typora引用链接

除了直接写出完整的 URL，还可以使用引用方式来定义链接：

[Link Text][Ref]

然后在文档的其他地方定义该引用：

[Ref]: link-address "optional title"

或者，可以将引用链接缩写为：

[Ref][]

并在文档其他地方给出定义：

[Ref]: link-address

同样，链接中的协议（如 http:// 或 https://）需要明确写出，不能省略。

三、Typora自动链接

Typora 会自动识别文中的 URL，并将其显示为可点击的链接。例如，可以直接输入一个 URL，如：

This is a link: http://typora.io

Typora 会自动将其转换为链接。需要注意的是，其他 Markdown 编辑器或引擎可能不支持此功能。

四、Typora HTML标签

Typora 还支持使用原生 HTML 标签插入链接。例如，可以通过 <a> 标签插入链接：

<a href="http://www.google.com" rel="external nofollow"  target="__blank">Link to Google</a>

如果需要在页面中创建锚点并链接到特定位置，可以使用：

<a name="anchor"></a> Anchor
<a href="#anchor" rel="external nofollow" >Link to Anchor</a>

五、Typora链接到本地文件

Typora允许链接到本地文件，无论是相对路径还是绝对路径。可以省略文件扩展名（如 .md 或 .markdown），例如：

[Readme1](Readme1.md)
[Readme2](../Docs/Readme2.markdown)
[Readme3](Readme3)
[Readme4](/User/root/Docs/Readme1.md)
[Readme4](C:/Develop/Docs/Readme1.md)
[Readme4](file:///User/root/Docs/Readme1.md)

需要注意的是，导出为 HTML 时，相对链接地址并不会自动转换为绝对文件路径。

六、Typora内部链接

还可以在 Markdown 文件内部创建链接，指向同一文件中的其他标题。例如：

# This is a title
...
...
A [link](#this-is-a-title) to jump towards target heading

如果有多个相同的标题，可以通过添加编号后缀来区分它们，例如：

# Hello
...
# Hello
...
A [link](#hello-1) to first heading, a [link](#hello-2) to second one.

此外还可以通过原始 HTML 标签创建命名锚点：

<a id=”anchor”></a> Anchor
<a href=”#anchor”>Link to Anchor</a>

如果希望隐藏空的 <a> 标签，可以在 CSS 中添加以下样式：

/* hide the anchor HTML */
a[name]:empty + .md-raw-inline {
display: none;
}
a[name]:empty {
text-decoration: none;
}
a[name]:empty:before {
content: "⚓";
}
/* show the anchor HTML when cursor is inside */
.md-expand .md-raw-inline {
display: inline !important;
}