解决hexo图片无法显示问题

好长时间没写过带有图片内容的hexo博客了，之前这个问题在刚开始建立hexo博客的时候就解决过，但是今天又炸了。只能又重新在网上搜索解决办法了😭

解决步骤

1.安装hexo-asset-image插件

安装代码，在根目录安装

npm install https://github.com/CodeFalling/hexo-asset-image --save

2.修改根目录下_config.yml文件的配置

将post_asset_folder: false修改为post_asset_folder: true。

3.新建post

此时就不可以随便创建文件了，推荐比如新建一篇名为blog的文章在命令行输入

hexo new post blog

这样在/source/_posts路径下就会有与你文章同名的文件夹/source/_posts/blog，将想要插入文章的图片存在这个文件夹中。

4.插入文章图片的引用路径

假设在blog文件夹中已经存有图片img.jpg。我们的引用方式应该严格如下：

![](./blog/img.jpg)

注意

1.一定要以相对路径写法./开头。(这次炸掉就是因为没写点)
2.一定要使用正斜杠/写法，不要使用反斜杠\写法。

5.上传部署

hexo g && hexo d

此时就可以查看是否已经修改好。或者使用hexo s先在本地看看效果

例如：