解决hexo无法使用本地图片问题

转载自:http://www.manongjc.com/detail/9-bayyqoeqtjoljpu.html

版本：Hexo 3以上　　

最近搭建hexo博客时遇到了图片部署后不显示的问题，如图：

示例图片

上网找了很多方式都没有完美解决问题，后来查看了官方文档后终于解决了问题（完美解决），现在贴出来如下。建议以后大家遇到了问题也先去看看官方文档：https://hexo.io/zh-cn/docs

解决方案如下：

1. 在根目录下配置文件_config.yml 中有 post_asset_folder:false改为true。这样在建立文件时，Hexo会自动建立一个与文章同名的文件夹，这样就可以把与该文章相关的所有资源（图片）都放到那个文件夹里方便后面引用。如这里我放了一张test.jpg的图片。

2. git bash安装插件：

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

   使用这个插件来引入图片（这是个修改过的插件，经测试无问题），而不是网上那些方法里说的用传统md语法相对路径的方法。

3. 插入图片时用这种方式：

   {% asset_img test.jpg This is an test image %}

   其中test.jpg就是你要引用的图片，我这里就是test.jpg，后面的This is an test image是图片描述，可以自己修改。

4. 这样就能成功显示了，测试下吧：hexo cl && hexo g && hexo d

2020-8-13日更新

2. git bash安装插件：
   ``` shell 
   npm install https://github.com/7ym0n/hexo-asset-image --save

使用这个插件来引入图片（这是个修改过的插件，经测试无问题），而不是网上那些方法里说的用传统md语法相对路径的方法。 ```

将上面命令替换成: npm install hexo-simple-image --save 在markdown文件中使用 ![](./dir/image.png) 在图片路径钱必须加上"./"，否则hexo g生成文件时会报错。