hexo_优化图片插入使用 hexo-image-link

1. 安装插件
2. 编辑配置文件
3. 图片插入时的语法

之前使用的 assert-image package在hexo 6中使用出现问题，所以适应 hexo-image-link 来替代

介绍一下使用中的hexo插入图片的方法。 cocowool/hexo-image-link: 当MD中引用本地文件时，处理生成的html中的图片链接。 (github.com)

安装插件

npm 安装

1

$ npm install hexo-image-link --save

编辑配置文件

在hexo的_config.yml文件中，做以下修改

1

post_asset_folder: true

做了这个修改的效果是，
新建文章post时，会自动生成和文章名相同的文件夹。
这个文件夹存放当前文章所用图片的地方。

以 $ hexo new "shenghuo" 为例，结构如下：

1
2
3
4
5

shenghuo
├── picture1.jpg
├── picture2.jpg
└── picture3.jpg
shenghuo.md

图片插入时的语法

按照markdown的插入图片的语法来写，
图片名称就是图片路径。
e.g.
！[picture1](shenghuo/picture1.jpg)

⚠️图片格式大写可能会找不到图片