当MD中引用本地文件时,处理生成的html中的图片
When enabled hexo post_asset_folder: true
, convert the markdown image path to asset_img syntax, to make the image display both in typora and hexo.

-> {% asset_img label local-image.png %}
在Hexo启用post_asset_folder: true
选项后,将Markdown语法的图片路径转换为asset_img的方式,使图片能够在使用typora编辑和hexo预览发布时都能正常显示。
网上很多资料提示使用 hexo-asset-image
插件,但是在 hexo 4.2.0
环境下,生成的路径不对,如下:
update link as:-->/.cn//Screenshot-150-1-20200314081849804.png update link as:-->/.cn//image-20200314080935503.png
Cause that old packages doen't work, i developed hexo-image-link, you can find more in my blog Hexo博客写作与图片处理的经验
鉴于之前的插件不太好用,我开发了这款 hexo-image-link 插件,详细的使用方法,可以参考我的博客 Hexo博客写作与图片处理的经验
Usage 用法$ npm install hexo-image-link --save
Enable hexo-asset-folder: true
.
$ hexo new 20200315-es-monitoring-guide INFO Created: ~/Projects/hexo-blog/blog/source/_posts/20200315-es-monitoring-guide.md $ ls -lh source/_posts/ total 56 drwxr-xr-x@ 9 shiqiang staff 288B 3 15 10:28 ./ drwx------+ 32 shiqiang staff 1.0K 3 14 07:52 ../ drwxr-xr-x@ 2 shiqiang staff 64B 3 15 10:28 20200315-es-monitoring-guide/ -rw-r--r--@ 1 shiqiang staff 76B 3 15 10:28 20200315-es-monitoring-guide.md
Edit Markdown and insert image.

Then generate public files.
$ hexo generate Release Note 2022-12-13 Fix problem that unsupport path with space 参考资料 hexo-asset-image hexo-simple-image
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。