XXX.github.io搭建Hexo之图片路径问题

Hexo图片路径的问题这几天一直在折磨我脆弱的神经,下载了两个插件,用Typroa和VScode试验无数次(比如相对路径和绝对路径,设置文件根目录等等)网页上一直显示不了图片,最后放弃了本地上传,通过插入"https://xxx.github.io/2024/XX/XX/文件夹名/图片名.jpg"解决了,步骤如下:

step 1

npm install hexo-renderer-marked

在你的目录里用下载好插件

step 2 

config.yaml中更改配置如下

post_asset_folder: true

marked:  

        prependRoot: true  

        postAsset: true

step 3 

插入图片时使用https://xxx.github.io/2024/XX/XX/文件夹名/图片名.jpg 格式,个人觉得可以先在同名文件夹里插入图片,然后生成静态文件部署到github后再修改...(不过这样真的比较麻烦,我还是溜去找个网站存图吧

----------------------------------------------------时间分隔线--------------------------------------------------------------

破案了,之前路径不对的原因是因为在_config.yml文件里多设置了一个project

实际的url应该这样设置...(博主之前是https://username.github.io/project)

现在直接 ![](图片名.jpg) 就能在网页上看到了!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值
>