使用插件后hexo添加本地图片依然出错的解决方法

一、一般解决思路

1.安装图片插入路径转换的插件 hexo-asset-image

npm install hexo-asset-image

2.在hexo的__config.yml中开启功能

writing:

 post_asset_folder: true

3.当创建文章时，会自动在文章同一目录下生成同名文件夹，将图片放入。

假设我要插入的图片名字为1.jpg，放在博客主目录source文件夹下的XXX文件夹里。

a.使用md语言插入图片

![图片描述](/XXX/1.jpg)

b.使用hexo的相对路径插入图片

{% asset_img  1.jpg %}

二、实际问题：

1.两种方式都无法正常显示

a.在网页源代码中找到图片位置的源代码

<p><img src="/.pink/2020/04//1.jpg" alt></p>
我的域名为 mysite.pink 图片路径就是 mysite.pink.pink…
路径存在bug，导致浏览器无法找到该文件。

b.在仓库中找寻图片的文件。

正确上传，路径如同预计和文章.html在同一文件夹