Hexo插入图片

typora设置

打开typora，选择：文件 - 偏好设置 - 图像 - 插入图片，做如下更改：

该设置会使得当你插入图片时，会生成一个和文件名相同的文件夹，并将图片存入这个文件夹内。

Hexo设置

• 更换插件

用插件 Hexo-renderer-markdown-it （推荐）代替 Hexo-renderer-marked，执行以下代码：

npm uninstall hexo-renderer-marker --save  #卸载 marked
npm install hexo-renderer-markdown-it --save  #安装markdown-it

• 更改根目录下的_config.yml 配置

post_asset_folder: true

• 安装插件hexo-image-link

npm install hexo-image-link --save

该插件可以实现路径转换，假设：

文件名: ./test.md

图片路径: ./test/test.jpg

当插入图片 test.jpg 到 test.md 中时，typora 的引用路径为：

![](test/test.jpg)

而在Hexo发布后的引用路径为：

![](test.jpg)

因此，typora的md文件引入hexo时，应转换路径，即删掉图片路径中的 "test/"部分。若在md文件做上述操作，则md文件不能正常显示图片，而

hexo部署后可正常显示。为了书写方便，引入插件hexo-image-link即可帮助实现了这种路径转换。实现typora 文件中正常显示的图片，在hexo发布后依旧能正常显示。