1. 修改配置文件
- 修改文件
_config.yml里的post_asset_folder:这个选项设置为true
- 修改之后,再使用
hexo n "hexo 本地图片不显示"时,目录的样子是
hexo 本地图片不显示
├── 01.jpg
├── 02.jpg
└── 03.jpg
...
hexo 本地图片不显示.md
2. 安装插件hexo-asset-image
-
GitHub地址 hexo-asset-image
-
npm安装 (需要提前安装Node.js)
npm install https://github.com/CodeFalling/hexo-asset-image --save

注意 不要使用npm install hexo-asset-image --save这个命令安装,版本号不对

3. 版本差异
3.1. 0.0.5版本

3.2. 1.0.0版本

4. 在md中书写格式(相对路径)
- 在md使用如下形式引用图片

注意 这里要使用"/"
5. md文件名称和图片存放文件夹名称不同时
注意 重命名md文件之后记得重命名文件夹,当md文件的名称与文件夹名称不同时,映射关系以md文件名称为主。会导致src图片路径找不到

文件和文件夹以url中的名称保持一致
总结
- 检查
_config.yml文件的post_asset_folder:选项是否为true - 检查创建文件之后的目录结构
- 检查
hexo-asset-image插件的版本 - 检查路径引用图片的路径使用
/ - 检查md文件的文件名称和图片存放文件夹名称是否相同
本文介绍了如何解决Hexo本地环境中图片不显示的问题,包括修改配置文件、安装hexo-asset-image插件、处理不同版本的差异以及正确书写Markdown中图片的相对路径。特别提醒注意文件名和路径引用的一致性。
816





