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) 就能在网页上看到了!