有两种方法解决图片显示问题,通过hexo-asset-image
实现和官方推荐的方式
方法一
先安装hexo-asset-image
1 | npm install hexo-asset-image --save |
然后修改_config.yml
中 post_asset_folder: true
。这样其实就可以了,之后在使用hexo new
一个新的文件时,hero也会自动在_posts下创建一个和博客名同名的文件夹,将图片放在这个文件夹下,就可以在markdown文档中使用了。
需要注意不能使用这种格式插入图片,只能用![]()
1 | <img src="2021-06-21-Hierarchical-Attention/1624323245414_src-1624427147187.JPG" alt="img" style="zoom: 50%;" /> |
方法二
也可以用下面这种方式使用图片(hexo官方推荐方式),但在Typora下没法直接预览图片。
1 | {% asset_path slug %} |
如,markdown文件中写法:
1 | {% asset_img 1624323245414_src-1624427147187.JPG This is an example image %} |
其默认的文件夹路径也是该markdown文件的同名文件夹,需要在该目录下,存好1624323245414_src-1624427147187.JPG
文件