hexo图片加载问题


一、通用解决方案(推荐)

1. 启用资源文件夹并配置插件

  • 步骤1:在_config.yml中配置

    post_asset_folder: true
  • 步骤 2:安装适配新版 Hexo 的插件(二选一)

    # 方案一:改进版插件(兼容性更强)
    npm uninstall hexo-asset-image --save
    npm install hexo-asset-img --save
    
    # 方案二:官方推荐语法(无需插件)
    npm install hexo-renderer-marked --save

    在_config.yml中补充配置:

    marked:
      prependRoot: true
      postAsset: true

2. Typora 与 Markdown 协作优化

  • Typora设置: 偏好设置 → 图像 → 复制到 ./${filename},实现图片自动存入同名文件夹

  • Markdown 语法:

    <!-- 插件方案 -->
    {% asset_img image.jpg 图片描述 %}
    
    <!-- 无插件方案(需 hexo-renderer-marked) -->
    ![图片描述](image.jpg)

3. 验证生成路径

  • 执行
    hexo clean && hexo g --debug
    检查 public/年份/月份/日期/文章名/ 目录下是否包含图片文件

文章作者: Mealsee
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Mealsee !
  目录