hexo 个人博客中插入图片的方法

前言

自己做一个博客的想法已经存在好久，大概从大四考完研那段时间开始的。自那以后，给自己初步使用hexo搭建起了一个个人小博客，但是一直也没有经营，主题是原始的hexo没有换，只能显示文字。然后前段时间由于要准备找工作了（研二上半学期，想投春招实习），重新经营博客。顺利更换了主题，但是图片的插入一直有问题，找了很多方法一直都不行。然后终于参考csdn的一篇文章（hexo博客中插入图片失败——解决思路及个人最终解决办法_hexo 文章插入图片失败-CSDN博客），能够正常插入图片了。

解决方案

1. 创建图片资源文件夹

将_config.yml 文件中的post_asset_folder 选项设为 true 。

2. typroa偏好设置

将框内依次更改，复制到指定路径，**./${filename}**。其中./表示当前文件夹，${filename}表示当前文件名。

这么设置的结果就是：想写篇博客，在source\_posts文件夹下新建xxx.md文件，写着写着需要插一张图，从别处复制，然后在typora中直接粘贴，图片资源文件夹自动搞定，并不用关心什么文件夹，只管专注于md文件即可。

3. 插件下载

1	npm install https://github.com/CodeFalling/hexo-asset-image --save

win系统 cd 到存储blog目录的盘下，然后cd进blog目录下，执行将上面的指令，安装插件即可。

这个插件的作用是将md文件中图片的相对路径post-insert-image-method/image-20250326112713643.png 更改为index.html页面文件中的绝对路径/2025/03/26/post-insert-image-method/image-20250326113333562.png