经验:解决了关于Hexo本地图片无法加载的问题

Shuhang Luan Archie

这几天上网找了很多方式都没有完美解决问题,后来查看了官方文档后终于解决了问题(完美解决),现在贴出来如下。建议以后大家遇到了问题也先去看看官方文档: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

部分转载于:https://www.cnblogs.com/Jesee/p/11234387.html

  • 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.
推荐阅读
经验笔记:解决了关于线上网页更新与本地不符的问题 经验笔记:解决了关于线上网页更新与本地不符的问题 经验笔记:UE5全局光照设置规范-影视动画方向 经验笔记:UE5全局光照设置规范-影视动画方向 Substance Designer 和 Substance Painter 材质和纹理制作流程 -- 经验笔记帖 Substance Designer 和 Substance Painter 材质和纹理制作流程 -- 经验笔记帖
 Comments
On this page
经验:解决了关于Hexo本地图片无法加载的问题