侧边栏壁纸
博主头像
Yaohaolin

你好,有缘人

  • 累计撰写 12 篇文章
  • 累计创建 22 个标签
  • 累计收到 1 条评论

目 录CONTENT

文章目录

HEXO无法显示图片的解决方案

Yaohaolin
2024-11-23 / 0 评论 / 1 点赞 / 39 阅读 / 0 字 / 正在检测是否收录...

本文分享了HEXO无法加载图片的解决方案

前提:

  1. 已将_config.yml文件中的post_asset_folder设置为true
  2. Markdown引用图片语句无错误
  3. 图片格式无问题

错误情况:

通过查看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文件具有相同名称的文件夹内的图片:

![图1](p1.jpg)

![图2](p2.jpg)

分别运行命令hexo cleanhexo ghexo d
此时图片可以正常加载,大功告成。

1
  1. 支付宝打赏

    qrcode alipay
  2. 微信打赏

    qrcode weixin

评论区