0%

hexo中完美插入本地图片

Hexo配置文件的设置

确保你的Hexo的配置文件_config.yml里面有个这个选项配置,并将其置为true

1
post_asset_folder: true

这个功能实际上是Hexo官方文档中提到的资源文件夹功能,它的作用在于当你使用

1
hexo new "hexo中完美插入本地图片"

生成一篇新文章时,会在 \source \_posts 目录下生成一个 hexo中完美插入本地图片(文章名).md 文件外,附带生成一个与 文章名 同名的文件夹,可以用它来存放这篇文章的所有资源,比如图片,附件等

安装hexo-asset-image插件

需要安装一个图片路径转换的插件, 进入博客 /根目录 使用如下命令安装插件

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

插件安装完以后,会生成
1
\blog\node_modules\hexo-asset-image

插入图片

首先要把需要插入的图片放到“hexo中完美插入本地图片”这个资源文件夹下,然后进行路径引用,这是上面插入图片时的实际引用代码

1
![2018-01-07 16-39-28屏幕截图.png](2018-01-07 16-39-28屏幕截图.png)

实际效果
2018-01-07 16-39-28屏幕截图.png