ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

hexo文章中添加本地图片不显示

2022-08-03 18:33:46  阅读:166  来源: 互联网

标签:文件夹 md hexo image 添加 asset 本地 图片


主要原因时是post_asset_folder插件的版本不对

方案步骤

1. 修改配置文件

修改文件_config.yml 里的post_asset_folder:这个选项设置为true
这个时候创建新的文章时会在_posts文件下自动生成一个与新建文件同名的文件夹。

2. 准备图片

将要引用的图片放到文件夹hexo博客引用本地图片不显示下。(假设图片名为“01”)

3. 安装插件hexo-asset-image

使用以下命令:

npm install https://github.com/CodeFalling/hexo-asset-image --save

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

4. 在md中书写格式(相对路径)

在md使用如下形式引用图片

![01](hexo博客引用本地图片不显示/01.jpg)

5. md文件名称和图片存放文件夹名称不同时

注意 重命名md文件之后记得重命名文件夹,当md文件的名称与文件夹名称不同时,映射关系以md文件名称为主。会导致src图片路径找不到

总结

  1. 检查_config.yml 文件的post_asset_folder:选项是否为true
  2. 将要引用的图片放到文件夹kk
  3. 安装插件hexo-asset-image
  4. 在md中引用图片
  5. 检查md文件的文件名称和图片存放文件夹名称是否相同

参考[大佬的解决方法](

标签:文件夹,md,hexo,image,添加,asset,本地,图片
来源: https://www.cnblogs.com/koo070/p/16548228.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有