hexo插入本地图片失败问题

2020-05-06

在hexo插入本地图片的方法网上很多，不再赘述，可以看这个：
HEXO插入图片（详细版）

但是昨天尝试往markdown里面插入一张名称http-server.png的图片时一直失败，查看控制台的log发现没有这张图片的process log（正常应该会出现update link as xxx），生成html里面img src也是原来的，没有替换。
console里面没有对应的process log

于是查看了node_modules/hexo-assets-image/index.js，发现里面判断src的正则有问题。这里原意应该是不替换http链接，但是错误把名称里面带有http的本地链接也过滤了。
hexo-assets-image原代码

简单修改成：

1
2
3

if(!/^http(s?)\/\/.*/.test(src) && !/^\s*\//.test(src)) {
    //
}

重新hexo generate生成后解决。

Update:

更新包到1.0.0后作者修复了https正则的问题，但是生成的链接是错误的。继续打patch
找到node_modules/hexo-assets-image/index.js，将其中处理link相关的代码：

var link = data.permalink;
var beginPos = getPosition(link, '/', 3) + 1;
var appendLink = '';
// In hexo 3.1.1, the permalink of "about" page is like ".../about/index.html".
// if not with index.html endpos = link.lastIndexOf('.') + 1 support hexo-abbrlink
if(/.*\/index\.html$/.test(link)) {
  // when permalink is end with index.html, for example 2019/02/20/xxtitle/index.html
  // image in xxtitle/ will go to xxtitle/index/
  appendLink = 'index/';
  var endPos = link.lastIndexOf('/');
}
else {
  var endPos = link.lastIndexOf('.');
}
link = link.substring(beginPos, endPos) + '/' + appendLink;

替换成：

1	var link = data.permalink.replace(/^http(s?):\/\/[^\/]*\//, '');

后重新clean && build即可解决。