hexo本地图片不能显示问题解决

感谢其他博主给出的建议，本文只是引用于其他博主，不用于盈利

https://blog.csdn.net/xjm850552586/article/details/84101345

问题描述：hexo本地图片，引用无法在网页端显示

解决办法：

安装插件 hexo-asset-image

npm install https://github.com/CodeFalling/hexo-asset-image –save
打开/node_modules/hexo-asset-image/index.js,修改为如下内容

`’use strict’;

var cheerio = require(‘cheerio’);
// http://stackoverflow.com/questions/14480345/how-to-get-the-nth-occurrence-in-a-string
function getPosition(str, m, i) {
return str.split(m, i).join(m).length;
}
//添加获取hexo版本号变量 add 2020 0107 By tyler
var version = String(hexo.version).split(‘.’);
hexo.extend.filter.register(‘after_post_render’, function (data) {
var config = hexo.config;
if (config.post_asset_folder) {
var link = data.permalink;
//判断版本
if (version.length > 0 && Number(version[0]) == 3)
var beginPos = getPosition(link, ‘/‘, 1) + 1;
else
/////////////////////////////////////////////
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(‘/‘) + 1;//modify
// }
// else {
// var endPos = link.lastIndexOf(‘.’);
//}
//link = link.substring(beginPos, endPos) + ‘/‘ + appendLink;
link = link.substring(beginPos, endPos);
var toprocess = [‘excerpt’, ‘more’, ‘content’];
for (var i = 0; i < toprocess.length; i++) {
var key = toprocess[i];
var $ = cheerio.load(data[key], {
ignoreWhitespace: false,
xmlMode: false,
lowerCaseTags: false,
decodeEntities: false
});
$(‘img’).each(function () {
if ($(this).attr(‘src’)) {
// For windows style path, we replace ‘\’ to ‘/‘.
var src = $(this).attr(‘src’).replace(‘\‘, ‘/‘);
if (!/http[s].|\/\/./.test(src) &&
!/^\s\//.test(src)) {
// For “about” page, the first part of “src” can’t be removed.
// In addition, to support multi-level local directory.
var linkArray = link.split(‘/‘).filter(function (elem) {
return elem != ‘’;
});
var srcArray = src.split(‘/‘).filter(function (elem*) {
return elem != ‘’ && elem != ‘.’;
});
if (srcArray.length > 1)
srcArray.shift();
src = srcArray.join(‘/‘);
$(this).attr(‘src’, config.root + link + src);
console.info && console.info(“update link as:–>” + config.root + link + src);
}
} else {
console.info && console.info(“no src attr, skipped…”);
console.info && console.info($(this));
}
});
data[key] = $.html();
} }
});`

打开_Config.yml文件，修改下述内容，打开之后会在hexo目录下每个文件生成一个文件&文件夹

post_asset_folder:true
在hexo目录下，打开git bash ，新建一个文件

hexo n Test Image
把需要添加的图片，增加到Hexo生成的文件夹内（Test Image）
引用图片不能使用Md格式，需要使用hexo格式

{ 去掉我 % 去掉我 asset_img XXX.jpg {说明图片文字}去掉我%}
再次提交hexo

hexo clean
hexo g
hexo server
hexo d

最终效果

Test Image