hexo博客搭建时图片无法正常显示的问题

在hexo 4.2版本中,hexo-asset-image插件无法正常工作,导致内置图片无法显示。文章介绍了两种解决方法:一是改用hexo自带的图片标签;二是修改插件源代码,修复生成的图片链接。
摘要由CSDN通过智能技术生成

前言

最近在GitHub Pages中搭建了hexo博客,并且使用了next主题,当使用文字博客或者外链图片时没有什么问题,但是使用内置图片却出现了问题,在此记录下来。

hexo-asset-image无法在新版本使用

当发布新文章时,我使用了hexo-asset-image这个插件,这个插件需要在_config.yml中设置post_asset_foldertrue才能开启,并且需要安装插件,安装方法为:

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官方对资源文

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值