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

之前使用的 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)

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

有了图床之后：

真正实现了图的自由，粘贴url就可，关于图床的配置我使用的方案是 docker 本地+ Lskypro的方案（兰空图床）
详见[[图床搭建]]