Markdown是一种轻量级标记语言，经常用于写博客、文档、 README 文档等。在写作过程中，我们通常会遇到链接本地文件的需求，这篇文章将从多个方面对 Markdown 链接本地文件做详细阐述。
一、Markdown链接本地文件夹
在Markdown中，链接本地文件夹可以使用相对路径的方式，在文本中添加链接即可。例如，下面的代码示例将链接同级目录下的“example”文件夹：
[进入example文件夹](./example/)其中，“.”代表当前目录，”./example/”代表example文件夹的相对路径。
但需要注意的是，Markdown不支持直接打开本地文件夹，点击链接只能进入文件夹目录。
二、Markdown引用本地文件
在Markdown中，可以使用相对路径的方式引用本地文件。例如，下面的代码示例将引用同级目录下的“example.docx”文件：
[example.docx](./example.docx)同样的，“./example.docx”代表example.docx文件的相对路径。需要注意的是，引用的本地文件需要与Markdown文件处于同一目录下。
三、Markdown链接另一个文件
在Markdown中，可以使用绝对路径或相对路径的方式链接另一个文件。例如，下面的代码示例将链接同级目录下的“example1.md”文件：
[进入example1文件](./example1.md)其中，“./”代表同级目录；如果example1.md文件在上级目录，可以使用”../example1.md”以此类推。
四、Markdown打开本地文件
在Markdown中，我们无法通过链接打开本地文件，但是可以通过其他方式实现。例如，在 VS Code 中，我们可以通过右键点击本地文件，选择“复制相对路径”，然后在Markdown中直接粘贴就可以实现打开本地文件的功能了。
五、Markdown本地图片无法显示
在Markdown中，使用相对路径引用本地图片时，有时会出现本地图片无法显示的情况。这是因为Markdown文件的解释器不能直接读取本地图片。为了解决这个问题，可以将图片转换成base64编码格式，然后在Markdown文件中直接引用。
例如，下面的代码将使用base64编码的图片引用来解决此问题：
同样的，“./images/example.png”代表example.png文件在images文件夹下的相对路径。
七、Markdown引用本地图片
除了直接引用本地图片外，还可以使用第三方工具将本地图片上传到云存储中，然后使用图片的链接地址在Markdown中引用。其中，Typora是一个常用的Markdown编辑器，内置了云存储功能，可以在设置中开启。
例如，下面的代码示例将引用通过Typora上传到云存储中的“example.png”文件：
其中，“https://i.loli.net/2021/08/24/YLy3FMWuAjzKNUs.png”是图片在云存储中的链接地址。
八、Markdown文件链接
可以通过超链接来引用和链接两个不同的Markdown文件，这在一个大型项目中非常有用。例如，下面的代码示例将链接同级目录下的“example1.md”文件：
[example1](./example1.md)同样的，“./example1.md”代表example1.md文件在同一目录下的相对路径。需要注意的是，文件名需要与实际文件名完全一致。
九、Markdown如何添加本地图片
在Markdown中添加本地图片的过程非常简单，只需要在文本中使用以下代码即可：
其中，Alt text为图片未加载时的描述文本，path/to/img.jpg为本地图片的路径，Optional title为图片的标题（可选）。
总结
以上是Markdown链接本地文件的详细阐述，包括了如何链接本地文件夹、如何引用本地文件、如何链接另一个文件、如何打开本地文件、如何解决本地图片无法显示的问题、如何导入和引用本地图片、如何链接Markdown文件以及如何添加本地图片。使用这些方法，我们可以更加方便地在Markdown中跨文件夹或跨文件地实现链接和引用，提升写作和阅读效率。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/196291.html
微信扫一扫 
支付宝扫一扫 