一、Markdown图片相对路径缩小
Markdown整体是一种轻量级的标记语言，具有易读易写等特点，因此使用者非常广泛。而其中的图片相对路径是其中一个重要的方面。
相对路径就是相对于当前文件夹的路径。在Markdown中引用相对路径的时候，可以通过缩小来使路径更加简洁，更加易于管理。
举个例子，在一个名为“myMarkdown.md”的Markdown文档中，需要插入一个名为“myPic.png”的图片。如果这张图片和Markdown文档存放在同一文件夹下，那么缩小路径就是直接使用“myPic.png”进行引用，如下：
这个缩小路径非常简洁。当Markdown文档和图片存放在多个文件夹下时，缩小路径也可以使用该文件夹下的相对路径，如下：
这个缩小路径更加完整，可以指向图片所在文件夹。
二、Markdown相对路径
Markdown中的相对路径以当前Markdown文件所在的文件夹为起点。
如果在Markdown文档中通过相对路径来引用另外一个Markdown文档，可以使用以下方式：
[another Markdown file](./path/anotherMarkdownFile.md)
同样，如果Markdown文档存放在多个文件夹下，则可以通过设置相对路径链接到各个文件夹下的文档，例如：
[another Markdown file](./path/to/anotherMarkdownFile.md)
三、Markdown添加图片
在Markdown中设置图片可以使用“图片语法”简单地添加图片。每个图片语法都由以下几部分组成：
- 一个惊叹号（!）
- 一段可选的图片描述，可以用作浏览器无法显示图像时的替代文字
- 一对方括号，包含描述和图片路径
- 一个可选的关于图片的“标题”（或属性）的行内样式，以HTML语法表示，可以用于对图片进行定制
图片语法的示例如下：
四、Markdown相对路径引用图片
在Markdown文档中使用相对路径引用图片时，其路径是相对当前Markdown文档所在的文件夹的路径。因此可以通过“缩小路径”的方式使路径更加简洁明了。
比如，在一个Markdown文档中需要引用当前文件夹下的一张图片，可以使用如下方式：
如果图片不在当前文件夹下，需要通过相对路径引用。例如，假设Markdown文档存放在“docs”文件夹内，而图片存放在“images”文件夹内，则可以使用如下方式：
五、Markdown本地图片无法显示
在使用Markdown引用本地图片时，可能会遇到图片无法显示的问题，主要有两个原因：
- 图片路径错误
- 图片格式不受支持
如果图片路径错误，可以检查路径是否正确。如果路径是相对路径，还需要检查相对路径语法是否正确。
如果图片格式不受支持，则无法在Markdown文档中显示图片。可以检查图片的格式是否支持Markdown（如jpg、png等），或者将图片转换为支持的格式。
六、Markdown内嵌图片
在Markdown文档中可以使用HTML的标签来内嵌图片。内嵌图片的语法如下：
<img src="./myPic.png" alt="image">
这里“src”属性指定了图片的路径，“alt”属性指定图片的替代文本。可以使用缩小路径或相对路径指定图片路径。
七、Markdown图片显示不出
如果Markdown文档中的图片无法显示，可以检查一下以下问题：
- 图片路径是否正确
- 图片格式是否支持Markdown
- 图片文件名大小写是否正确
如果以上问题都不是原因，可以尝试重新插入图片或换一种方式来引用图片。
八、Markdown编辑器怎么插图片
在Markdown编辑器中插入图片，可以使用编辑器自带的插入图片按钮或拖拽图片到编辑器中。插入图片的语法将会自动生成，只需要提供图片路径即可。
九、Markdown如何添加本地图片
在Markdown中添加本地图片，可以使用相对路径引用图片。图片路径的格式可以使用相对路径，也可以使用缩小路径。
插入本地图片的语法如下所示：
需要注意的是，插入本地图片时要确保图片路径正确、图片大小不超过Markdown编辑器支持的最大尺寸，并且图片的后缀名要与格式相匹配。如需转换格式，可以使用转换工具进行转换。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/303120.html
微信扫一扫 
支付宝扫一扫 