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