github.io 图片位置错误

Question

佬们，我今天创建了一个github page来做个人博客
一开始都没问题的，但是只要文章中出现图片就会图片位置错误，图片不显示。
我的md文件中使用的是相对路径

测试图片
![](test/test.png)

md文件和图片文件结构为

blog/
  - test.md
  - test/
    - test.png

_config.yml中的 post_asset_folder 也开启了

hexo generate 生成的静态文件 index.html 中的 img 标签的 src属性值为 "/test/test.png"
我是使用记事本替换成 "/2024/10/09/test/test.png" 才能正常显示图片。

可是这样子下次再有新的文章要生成，还得手动改新的文章和之前的文章，很麻烦。
有佬遇见同样的问题过吗，有没有什么解决方案
今天弄了一天没能解决555

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

你遇到的问题似乎是由于相对路径设置不正确导致的。在你的 Markdown 文件中，你使用的是相对路径 ![](test/test.png) 来引用图片，但实际上这个路径可能并不正确。当你使用 Hexo 生成静态文件时，它可能会改变文件的相对路径结构。因此，你需要确保你的图片路径是正确的。

一种可能的解决方案是在 _config.yml 中设置 url 选项，指定网站的基础路径。然后你可以使用这个基础路径来引用你的图片。例如，如果你的 url 设置的是你的 GitHub Pages 的 URL（如 https://yourusername.github.io/），你可以在 Markdown 中这样引用图片：

测试图片
![](yourusername.github.io/test/test.png)

另一种可能的解决方案是使用绝对路径来引用图片。在你的情况下，绝对路径可能看起来像这样：

测试图片
![](blog/test/test.png)

请注意，这个路径是从你的 GitHub Pages 的根目录开始的。你需要确保你的 Markdown 文件和图片文件都在正确的位置。你也可以在 Markdown 文件中使用相对于当前文件的路径来引用图片，比如：

测试图片
![](../test/test.png)   <!-- 根据文件层级来调整这个路径 -->

同时确保 post_asset_folder 在 _config.yml 中的确已开启，这将确保你的 Hexo 能正确处理图片等静态资源文件。这样你的博客文章中的所有图片都可以正确加载了。如果这些方案还不能解决你的问题，建议查阅 Hexo 和 GitHub Pages 的相关文档或社区求助。