hexo本地相对路径图片插入的问题解决案例

一、概述

​ 通过初步搭建HEXO之后，我先加入了主题（NEXT），接下来就是发布文章，必然就是学习怎么写文章，由于运维需要插入截图方便后续查看对比，所以找了一些攻略进行测试。

二、文章资源文件夹

​ 对于每篇文章，使用一个文件夹管理。此方法的优点是，当文章很多时，便于结构化管理,能够明确文章调用的了那些资源。缺点是相对麻烦一些没有直接调取方便。

2.1 修改hexo文件夹中的_config.yml文件

post_asset_folder: true
marked:
  prependRoot: true
  postAsset: true

2.2 根据文章自动创建文件夹

​ 在终端cd到hexo文件夹，通过下条命令命令创建一篇新文章，此时会在hexo文件夹的source目录下，自动创建一个文件夹和.md文件。

hexo new [layout] <title>

例如，执行hexo new “如何发布文章到hexo博客上(含插入图片的方法)”，如下：

三、文章加入图片

3.1 文章插入图片

​ 在插入图片中本地方式就是相对路径格式如下：

![图片描述](./图片的文件名字.xxx)

3.2 清除缓存并重新生成

有时候 Hexo 可能没有正确更新生成的站点。尝试清除缓存并重新生成站点：

hexo clean
hexo g

​ 效果如下图：