Hexo-asset-image是用来显示图片的插件

调用图片方式：!+[图片描述]+(图片来源及名称)

Hexo-asset-img也是用来显示图片的插件

标签调用方式：asset_img

Hexo-asset-abbrlink是全自动生成唯一的不带中文的博客链接

配置Hexo-asset-abbrlink插件后，博文及博文的图片链接发生改变，博文中的图片内容往往会显示不正常。

解决方法：

通过在浏览器中检查博文中显示不正常图片的路径，通常遇到的是路径中包含了undefined.

在Hexo-asset-abbrlink插件中生成图片路径的部分，修改如下：

\node_modules\hexo-asset-image\index.js
1、在源码位置 var link = data.permalink;这一行的下面，添加一行
            var abbrlink = data.abrlink；//定义一个变量abbrlink   
2、在源码位置 $(this).attr('src', config.root + link + src);这一行修改如下：
            $(this).attr('src', config.root + 'posts/' + abbrlink + '/' + src); //生成的图片链接中拼接abbrlink

3、Hexo c && hexo g 验证生效

4、附图测试

测试图片

参考链接：

https://github.com/rozbo/hexo-abbrlink/issues/19

https://www.shangmayuan.com/a/8863defeb3264ffd84335151.html

https://blog.csdn.net/zino00/article/details/122730090