经验:解决了关于Hexo本地图片无法加载的问题
这几天上网找了很多方式都没有完美解决问题,后来查看了官方文档后终于解决了问题(完美解决),现在贴出来如下。建议以后大家遇到了问题也先去看看官方文档:https://hexo.io/zh-cn/docs
解决方案如下:
1. 更改配置:
在根目录下配置文件_config.yml
中有 post_asset_folder:false改为true
。这样在建立文件时,Hexo
会自动建立一个与文章同名的文件夹,这样就可以把与该文章相关的所有资源(图片)都放到那个文件夹里方便后面引用。如这里我放了一张test.jpg的图片。
2.git bash安装插件:
1 | npm install https://github.com/7ym0n/hexo-asset-image --save |
(这是个修改过的插件,经测试无问题),使用这个插件来引入图片,而不是网上那些方法里说的用传统md语法相对路径的方法。
3. MD图片代码:
(最重要的!!!)插入图片时用这种方式:
1 | {% asset_img test.jpg This is an test image %} |
*注意”asset_img”是前缀!!(我写错了很多次),其中test.jpg就是你要引用的图片,我这里就是test.jpg,后面的This is an test image是图片描述,可以自己修改。*
4. 这样就能成功显示了,测试下吧:
1 | hexo s |
- Title: 经验:解决了关于Hexo本地图片无法加载的问题
- Author: Shuhang Luan
- Created at: 2023-02-18 14:52:12
- Updated at: 2023-02-26 05:11:28
- Link: https://archieluan.github.io/2023/02/18/solve-the-bug-of-the-image/
- License: This work is licensed under CC BY-NC-SA 4.0.
推荐阅读
Comments