本文分享了HEXO无法加载图片的解决方案
前提:
- 已将
_config.yml
文件中的post_asset_folder
设置为true
- Markdown引用图片语句无错误
- 图片格式无问题
错误情况:
通过查看public中的静态文件或者本地调试时,发现HTML标签中,引用的图片路径有误
解决方案:
发现HEXO中node_modules\hexo-asset-image\index.js
文件内第54-59行代码如下所示:
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);
将第58行代码修改为:
$(this).attr('src', src);
在文章中引用自动创建的与post文件具有相同名称的文件夹内的图片:


分别运行命令hexo clean
、hexo g
和hexo d
,
此时图片可以正常加载,大功告成。
评论区