hexo图片展示问题

​ 关于hexo静态博客主题的图片展示问题，大家在写博客的时候肯定会用到图片，图片可以增加，自己博客的美化也可以依靠图片更直观的展示问题，展示结果。但是在编写博客的时候，命名已经把图片弄成了相对路径为什么还是展示不出来，接下来由我给他家提供一些方法。

方法一：引用网络资源

这个方法首先需要你将图片上传到网络上。比如：

• QQ空间：上传到QQ空间的个人相册然后直接复制链接。还算是比较麻烦的，有时候也可能会因为图片权限或者加载问题导致图片出不来。依照个人喜好。
• 上传到github，这个方法是一个不错的选择，但是比较繁琐，自己在写博客的时候谁知道会用那个图片难不成还一个一个push吗？
• 七牛云，这个我没有尝试过肯定是好用的。
• 博客园相册。

如果不是自己亲自上传的图片，如果你粘贴的比人的图片，就会遇到一个问题就是人家帖子删掉了你的也就没了。比如不如引用本地连接，方法二给大家提供了本地连接如何引用。

方法二：引用本地资源

hexo不会采用你在md编写相对路径的资源，他有自己的一套方法。请看下面:

第一步：

找到博客项目的文件夹下，找到_config.yml文件，这就是博客的配置文件大家肯定都不陌生，注意：不是主题的_config.yml文件，大概在38行左右的post_asset_folder，把这个选项从false改成true。

第二步：

在博客项目下，执行一个下载上传图片插件的命令。

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

可能会遇到一个叫做npm报错的问题自行解决。

第三步：

之后你再使用hexo n <博客的文章名称>执行这个命令之后会在,_posts文件内生成一个与<博客文章名称>.md同名的文件夹。

之后要添加图片的时候只需要将图片存放到这个文件夹内。

通过:    {%asset_img <图片名称>%}  或者  {% asset_image <图片名称>%}

如图，虽然在.md中显示不到了，但是可以通过 hexo s来运行本地资源查看。

到这里就完成了，hexo专用方法引用图片的操作。