0%

hexo本地图片引用问题

常用方法及问题

我的hexo版本为4.2.0,站点配置为

1
2
url: http://olgasung.github.io/blog
root: /blog/

因为不想使用图床,所以按照一些博客的使用方法:

  1. 首先把blog目录下的_config.yml里的psot_asset_folder:设置为true

  2. 在blog(hexo)目录下执行:

1
npm install hexo-asset-image --save
  1. 在blog目录下生成md博客时,会在_post目录下看到一个与博客同名的文件夹,将想要上传的图片放到文件夹下,然后在博客中使用markdown的格式引入图片:
1
![你想要输入的替代文字](xxxx/图片名.jpg)

但是存在路径错误的问题,在控制台检查发现图片地址为

1
src = https://olgasung.github.io/blog/blog/2020/01/12/lifecycle/lifecycle.png

路径错误无法加载图片,于是删除插件。

查询官网,只提到配置资源文件夹,并在使用时使用相对路径。

解决

删除插件后

在typora文档中引用图片使用相对路径图片名.后缀,而无需在前方加文件夹名。

1
![你想要输入的替代文字](图片名.jpg)

logo

本地测试通过