关于hexo图片存放与引用较方便的方法

时隔多年最近把博客又换回了hexo,发现图片的保存依然是个有点麻烦的问题。把图片存到图床或者云厂商的对象存储是一个解决方法,但是面临图床失效或者是对象存储的大额账单这类额外的问题。现在我编辑md文件依然用的是Typora,所以这个解决方法是基于Typora的。

首先在hexo的文件夹里设置_config.yml:

1
2
3
4
post_asset_folder: true
marked:
prependRoot: true
postAsset: true

这时候在通过hexo new post "article name"新建post时就会生成一个和post标题相同的同名文件夹。

接着在Typora里设置,如下图,在偏好设置的图像里设置复制图片到指定路径:

图像设置

这样截图后粘贴,图片就会自动放到hexo生成的目录中去。这样在启动服务的时候图片就可以正常显示了,但在Typora中不能正常显示。

这时候需要在hexo生成的md文件顶部的设置区域里增加typora-root-url设置,例如这篇文章设置的就是:

1
typora-root-url: ./关于hexo图片存放与应用较方便的方法

这样图片在Typora也能正常展示了。

这样不需要改源码,也不需要装额外的插件,用hexo和Typora自己的功能就能比较舒服的插入和展示图片了。

感谢知乎用户BeWater的文章里提供的解决方案。


关于hexo图片存放与引用较方便的方法
http://jgduhao.xyz/2023/08/05/关于hexo图片存放与引用较方便的方法/
作者
jgduhao
发布于
2023年8月5日
许可协议