📜  md 中的相对链接 (1)

📅  最后修改于: 2023-12-03 14:44:14.087000             🧑  作者: Mango

相对链接

在编写 markdown 文件时,使用相对链接可以让我们更方便地引用同一目录或其他目录下的文件。

语法

相对链接的语法为:

[链接文本](相对路径)

其中:

  • 链接文本:表示链接的显示文本;
  • 相对路径:表示被链接的文件在当前文件中的相对路径,可以是同一目录下的文件名,也可以是其他目录下的文件路径。

举个例子,在当前目录下有一个 example.md 文件,我们可以使用如下代码引用它:

[点击查看示例](example.md)

在上一级目录中有一个 README.md 文件,我们可以使用如下代码引用它:

[返回上一级目录](../README.md)
注意事项
  • 相对路径可以使用 ./ 表示当前目录,也可以省略;
  • 相对路径可以使用 ../ 表示上一级目录;
  • 相对路径中路径分隔符使用 /,而不是 Windows 中的 \
  • 相对路径中不需要加上网站地址或域名,这些信息会在浏览器中自动添加。
示例

下面是一个完整的 markdown 文件示例,展示了如何使用相对链接:

# My Blog

欢迎访问我的博客!

## 文章列表

- [如何使用相对链接](./relative-link.md)
- [JavaScript 基础](./js/basic.md)
- [Vue.js 入门](./vue/introduction.md)

## 其他资源

- [GitHub](https://github.com/)

返回的markdown代码片段如下:

# My Blog

欢迎访问我的博客!

## 文章列表

- [如何使用相对链接](./relative-link.md)
- [JavaScript 基础](./js/basic.md)
- [Vue.js 入门](./vue/introduction.md)

## 其他资源

- [GitHub](https://github.com/)