在HEXO发布的博文中，查看文章时发现文章中的图片资源均不能成功加载，因此对HEXO的图片问题进行分析解决，具体解决方法查看文档内容；

HEXO博客文章图片展示问题

1. 发现问题

在HEXO发布的博文中，查看网页中的文章时，发现文章中的图片均不能查看，只是显示了图片的标题问题，查看控制台中的请求的数据发现，文章页面中的图片资源均是加载失败，对于在HEXO博客中的问题图片问题进行分析解决；

2. 解决问题方法

1. 把HEXO配置文件 _config.yml中的post_asset_folder属性以及 permalink 属性，

   # 是否启动资源文件夹，开启后通过 hexo new :title.md 生成新文章会建立一个同名的文件夹
   post_asset_folder: true
   # 生成文章链接的格式，这是默认的格式；修改的规则也比较简单，标签前面要加英文冒号；（注意图片资源生成的格式必须是这个格式，否则会出现图片加载失败的情况，可见下方第6条生成的图片资源的引入格式）
   permalink: :year/:month/:day/:title/

2. 安装一个可以上传本地图片的插件，在HEXO项目的根目录下输入npm install https://github.com/CodeFalling/hexo-asset-image --save；
3. 再运行 hexo new post :title.md 来生成 _posts 目录的MD文档时，在 /source/_posts 文件夹内会建立一个与:title.md文件同名的文件夹，结构如下；

   文章名称
   ├── hello.jpg
   └── test.jpg
   文章名称.md

4. 在:title.md文档中想引入图片时，先把图片复制到:title.md这个文件夹中，然后只需要在文档中按照 markdown 的格式引入图片即可，如下：

   ![图片标题](:title/:name.jpg)

5. 执行HEXO打包命令hexo g，可以在本地项目根目录下的public文件夹查看生成的文件形式，再执行上传命令hexo d后，就能在网页上查看到文字的图片资源了；

   // 发布的文件目录格式
   public/2019/2/19/本地图片测试
   ├── hello.jpg
   ├── test.jpg
   └── index.html

6. 打开博客文章的网页控制台，可以查看到图片资源引入的格式为：

   <img src="/2019/2/19/本地图片测试/hello.jpg" alt="hello">

最后完成了博客文章的图片资源的显示，如下图所示：