Hexo插入图片

有两种方案，一种是把图片弄到图床上，一种是把图片直接放到博客所在的网站上，然后做一个站内引用。这里主要介绍后者。

先在_config.yml里把post_asset_folder设置成true，这样在建立文件时，Hexo会自动建立一个与文章同名的文件夹；以前的文章也可以自己手动创建同名文件夹。其实也可以不用装，直接每次都手动创建这个文件夹就好了。

如果使用的是vscode，可以看这篇博客：vscode粘贴图片到Markdown。粘贴之后图片是以时间命名的，存储在跟md同级的目录下，可以手动移动到跟博客同名的目录里。

然后安装hexo-asset-image-fixed：

npm i hexo-asset-image-fixed --save

功能是将本地的图片的路径转换成博客网站里的图片的路径。

然后就可以用了。比如在编辑解决某个问题.md的时候，在同级目录新建一个文件夹：解决某个问题，然后把要插入的图片放到解决某个问题/20190925022903920.png，在解决某个问题.md里正常引用这个本地图片即可：

![](解决某个问题/20190925022903920.png)

在hexo d的时候，会自动把这个本地路径重定向到博客网站里的图片的路径。

注意，如果博客标题里有空格，比如解决 某个 问题，那引用本地图片时应该将空格换成%20，这是空格在url里的编码。

![](解决%20某个%20问题/20190925022903920.png)

但是文件夹的名字仍然是跟标题一样，为解决 某个 问题，空格还是空格。

参考文献：

hexo博客图片问题

hexo文章插入本地图片的方法

https://stackoverflow.com/questions/41604263/how-do-i-display-local-image-in-markdown