本文参考:https://zhuanlan.zhihu.com/p/542101567 进行步骤简化


使用npm安装 hexo-asset-image

npm install hexo-asset-image --save

打开index.js

打开你的博客根目录,找到node_modules文件夹,再找到hexo-asset-image文件夹,直接打开目录下的index.js

1

对代码进行修改

找到代码第58行看到类似的字眼$(this).attr,

2

直接将这行代码替换为以下代码:

$(this).attr('src', src);

3

完事,记得保存。

修改根目录下的_config.yml文件

回到你的博客根目录,找到 _config.yml文件并打开

按Ctrl+F键搜索关键词:post_asset_folder

找到对应的值,把

post_asset_folder: false

改为

1
2
3
post_asset_folder: false
//把上面的false改为true↓
post_asset_folder: true

完事,保存。


用法

将你要插入的图片,放入 ../你的博客根目录/source/_post/你的博客名称/ 下,因为此时你每使用hexo new 一个新的md文档,它都会帮你生成一个新的文件夹且文件夹名称与你的md文档名称一样。如下图:

4

而你要做的就是把你想放入的图片直接丢进那个文件夹就行了。

然后可以直接在md文档里输入

1
![图片描述](你要显示的文件名字.png)

但是在文档中图片并不会显示并且会提示找不到路径,这种现象是正常的,不会影响博客图片显示,放心↓

5


然后直接来hexo三连即可

1
2
3
hexo cl
hexo g
hexo s

最后的效果:

6