纪念第一次成功显示图片



笔者花了很长时间找解决方案,查过官方文档,查过其他许多博客,大多都是安装 hexo-asset-image 插件,还下载了一些魔改版的 hexo-asset-image ,甚至尝试了一些改文件的方法,但都没有成功

终于找到一个方法能够成功在部署的博客上显示图片,很激动,就把第一张成功显示的摇曳露营截图放在这里当做纪念了


方法

首先修改 _config.yml 中的 post_asset_folder ,改成 true

当资源文件管理功能打开后,Hexo将会在你每一次通过 hexo new [layout] <title> 命令创建新文章时自动创建一个文件夹。这个资源文件夹将会有与这个文章文件一样的名字。将所有与你的文章有关的资源放在这个关联文件夹中之后,你可以通过相对路径来引用它们,这样你就得到了一个更简单而且方便得多的工作流。 —— 资源文件夹 | Hexo


然后,利用Typora自动保存图片的功能,进行图片的保存

打开Typora,左上角选择文件,再选择偏好设置,选择图像,进行如图所示的修改

这样会很方便地保存图片,比如QQ截图以后可以直接放在Typora里,然后Typora会帮你把这张图片保存在当前正在编辑的文件名相同的同级文件夹中,即Hexo自动生成的资源文件夹内


最后利用在Blog目录下打开控制台,输入

1
npm install hexo-asset-img --save

就可以获取这个插件

测试如图所示





参考资料

Hexo + Typora + 开发Hexo插件 解决图片路径不一致

解决:hexo+github本地和线上图片不显示问题