Hexo图片不显示解决

安装插件及页面配置

安装插件

npm install hexo-renderer-marked

修改hexo根目录配置文件_config.yml

#更改hexo设置
post_asset_folder: true
#添加marked插件设置
marked:
  prependRoot: true
  postAsset: true

模拟创建新页面

hexo n testPage

在文件testPage.md中引入图片命令

vscode编辑器中正常预览现实图片

![](./testPage/test.jpg)

hexo发布网页

![](test.jpg)

Vscode中预览图片展示（图片使用的相对路径）

Hexo部署页面打包预览图片不展示

Hexo部署页面打包预览图片展示

备注：在上述插件已经安装且配置文件已如上述所示修改完成后

通过命令 hexo n newPage创建新的页面
复制已创建的newPage文件夹及newPage.md文件到vscode工作目录下
在vscode中正常书写信息、引用相关图片素材资源放置newPage文件夹中
在vscode中完成书写后，复制当前步骤[2]的文件夹及文件到hexo的工作目录下覆盖初始创建的文件夹及目录
全局替换hexo工作目录下newPage.md文件中图片引入代码./newPage/，使其图片目录由![](./newPage/xxx.jpg)为变为![](xxx.jpg)
执行hexo g命令进行打包，运行hexo s命令预览页面
复制hexo工作目录下public下所有资源到相应仓库下进行提交发布即可