解决hexo-abbrlink与hexo-asset-image冲突导致博文图片不显示的问题

转载自:abbrlink插件导致图片失效 - 故人随笔 (imgod.me)

abbrlink 导致图片无法显示

在 hexo 里我们引入图片都是用 hexo-asset-image 插件,但单独使用是没有问题的,
如果遇到标题包含中文的情况下我们复制文章链接会变成一堆很长的编码,
这时候我们就要用到 abbrlink 插件,
至于插件如何使用我就不多赘述了,看文档即可
当我们配置完成后,就会发现虽然文章链接确实没有问题了,但是图片却无法显示

我们打开 f12 查看会发现图片路径变成 /.io//001.webp 而实际路径应该是 posts/:abbrlink/001.webp

解决方案(一)

适用于 permalink: posts/:abbrlink/方案

打开blog\node_modules\hexo-asset-image\index.js文件

将其中第 24 行代码var endPos = link.lastIndexOf('.');
更改为var endPos = link.length-1;

重新Git Bash Here

hexo clean
hexo g
hexo d

解决方案(二)

适用于 permalink: posts/:abbrlink.html方案

打开blog\node_modules\hexo-asset-image\index.js文件

将其中第 24 行代码var endPos = link.lastIndexOf('.');
更改为var endPos = link.length-5;

重新Git Bash Here

hexo clean
hexo g
hexo d
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容