PS：只针对在本地用Typora写笔记，然后Github中的网页用Hexo搭建的童鞋

方法一：使用图床

没用过，可以搜搜教程，大概意思就是将自己的图片放到类似于scdn.io这种图床网站上，然后生成一个全局链接，你可以直接在你自己的文章中插入这个全局链接，然后图片可以正常显示。

方法二：使用Hexo的post_asset_folder

  1. 在博客根目录下，用git bash执行：

    1
    2
    3
    4
    5
    #卸载旧插件
    npm uninstall hexo-asset-img

    #下载新插件
    npm install hexo-asset-img --save

  2. 修改本地的hexo配置文件_config.yml：

    1
    2
    3
    4
    5
    6
    7
    #将post_asset_folder设为true，意思是允许Hexo在创建新文章时，自动生成一个同名的文件夹来存放图片等资源
    post_asset_folder: true

    添加以下配置
    marked:
      prependRoot: true
      postAsset: true

  3. 配置Typora，打开偏好设置->图片，修改配置，参考下图：
    image-20250923173859793

  4. 清理缓存并重新生成

    1
    2
    3
    4
    hexo clean
    hexo g
    hexo s
    hexo d

    一个小建议：在hexo new post "文章标题"的时候，建议这个地方的文章标题用英文，然后在文章的开头设置title的时候用中文，这个既不影响图片路径，也可以在最终呈现的时候是中文。