解决md格式的文件上传到html页面,图片不能正常显示的问题

windows下解决md格式的文件上传到html页面,图片不能正常显示的问题.

问题描述:

当我们将md格式的文档上传至网站时,会发现文件中的图片不能正常显示,此时,我们可以根据以下步骤进行解决。用的md文档编辑工具是typora。

步骤:

1、在项目目录下新建一个文件夹,命名为:assets,或者其他名称亦可以,用来放置md文档中用到的图片。如图所示,md文件夹则是用来放置md文档的。

解决md格式的文件上传到html页面,图片不能正常显示的问题

2、打开typora工具,打开文件选项——>偏好设置——>图像,如图所示:

解决md格式的文件上传到html页面,图片不能正常显示的问题
进行以下两步操作:

(1)选择“复制到指定路径”

解决md格式的文件上传到html页面,图片不能正常显示的问题

(2)点击文件图标,选择之前创建的assets文件夹,

解决md格式的文件上传到html页面,图片不能正常显示的问题

(3)勾选下面两个选项,

解决md格式的文件上传到html页面,图片不能正常显示的问题
到这里已经配置完成。此时在md文档下插入图片,就会将图片同时复制到assets文件里。

此时在md文档下插入图片,就会将图片同时复制到assets文件里。

另外,我发现,当我们直接将截图粘贴到md文档里,随md文档一起导入CSDN博客时,也无法正常显示,这里提供一种解决方法:
(1)md文档里的图片默认放在C:\Users\具体用户名\AppData\Local\Temp。可以通过csdn博客里的图片图标进行导入。
解决md格式的文件上传到html页面,图片不能正常显示的问题

上一篇:md学习


下一篇:将Markdown发布成gitbook