Hexo+Typora实现图片插入文章后自动复制到指定文件夹及生成图片代码

前言

很多朋友都是使用Typora来编写Hexo文章的，我们可以通过设置hexo和Typora来实现编写hexo博客时轻松插入和管理图片。

实现方法

1.在hexo博客的hexo/source目录下新建一个post-images文件夹用于储存文章图片资源

image-20201218150329162

2.打开Typora软件，在文件->偏好设置->图像中进行设置，如下:

image-20201218150511061

hexo文章默认路径在`hexo/_posts文件夹下，其中使用的指定路径为：

../../source/post-images/${filename}

若你的文章存储路径不一致，对应的指定路径也需要更改，目的是定位到新建的图片资源文件夹中，../表示返回上级目录。

3.为保证部署到服务器后，能正常访问，还需要在Typora设置图片根目录，以保证生成的路径支持服务器解析。操作为：在Typora中，点击格式->图像->设置图像根目录，在弹出的对话框中将hexo博客/source作为其根目录。

完成以上操作即可实现hexo图片的轻松插入和管理了。

实现效果

截图复制图片，在文章位置中粘贴图片，效果如下：

image-20201218151401228

同时对应图片会复制到hexo博客/source/post-images/文章名文件夹中

image-20201218151507219

非常方便

参考文献

typora + hexo博客中插入图片

后记

接下来会写一篇关于typora+图床实现插入图片自动上传的文章介绍

赏

冷秋