链接与图片

链接与图片让文档从"一篇孤立文章"变成"一张引用网络"：超链接指向外部资源，内部跳转在文档内导航，自动链接直接书写 URL，图片嵌入可视化内容。四类语法都遵循同一格式 [显示文字](目标)，只是目标不同。

提示

记忆锚点：链接 = 方括号显示 + 圆括号目标；图片 = 链接前面加 !；锚点跳转 = 目标写 #标题。

外部超链接

格式为 [link text](link)：

[帮助文档](https://support.typora.io/Links/#faq)

Typora: CTRL+K

格式为 [link text](#要去的目的地-标题)，目标用标题的 slug 形式：

[我想跳转](#分隔线)

使用 <> 包括的 URL 或邮箱地址会被自动转换为超链接：

<https://www.baidu.com>

<123@email.com>

引用式链接把"链接定义"和"使用处"分离：正文写 [文字][引用名]，文末定义 [引用名]: 地址——同一链接多次引用时只需改一处定义，长文/文档复用场景更整洁：

详情见 [官方文档][docs]，另见 [示例仓库][repo]。

[docs]: https://vuepress.vuejs.org/
[repo]: https://github.com/example/repo

渲染效果:详情见官方文档,另见示例仓库。

链接 title 属性

两种链接都支持在地址后加引号 title（鼠标悬停提示）：[文字](地址 "悬停提示")。引用式定义的写法是 [ref]: 地址 "悬停提示"。

格式为 ![图片名字](图片地址)，相比链接多一个 ! 前缀：

![图片名字](图片网络地址或者图片本地存储的路径)

图片同样支持 title 属性：![图片](地址 "标题")，部分渲染器支持 #width 后缀控制宽度（如 ![图](x.png#300)）。

Typora: CTRL+SHIFT+I

图片的两种来源

网络图片直接引用 URL；本地图片需放在文档可访问的相对路径。知识库站点对图片的懒加载与标记能力未开启，普通 ![]() 写法正常可用。

跳出链接与图片本身看：文本格式管排版、表格与代码管数据与代码、链接与图片管引用与可视化——三者合起来构成 Markdown 的完整语法体系。