前言
最近在GitHub Pages中搭建了hexo博客,并且使用了next主题,当使用文字博客或者外链图片时没有什么问题,但是使用内置图片却出现了问题,在此记录下来。
hexo-asset-image无法在新版本使用
当发布新文章时,我使用了hexo-asset-image
这个插件,这个插件需要在_config.yml中设置post_asset_folder
为true才能开启,并且需要安装插件,安装方法为:
npm install hexo-asset-image --save
使用该插件后新建文章hexo new "测试文章"
,就会在post文件夹生成同名的文件夹,该文件夹为存放图片的文件夹,然后再在文章里使用markdown的引用图片的方式进行引用,在使用hexo generate
后,生成的html文件会自动的加上图片的绝对路径。
但是这中方法在hexo3.0之后貌似无法使用,目前我用的hexo版本为4.2,也是无法使用的,生成的链接类似:
/.ml//logo.jpg
导致在网页上无法显示
修改方法
第一种修改方法为通过hexo自带的图片标签,如
{% asset_path slug %}
{% asset_img slug [title] %}
{% asset_link slug [title] %}
详见hexo官方对资源文