github搭建博客时图片无法显示的解决方案

使用github搭建个人网站（基于Jekyll），在posts文件夹下创建文章，图片资源放置在assets/images/blog/下。文章中插入图片时使用相对路径会出错（虽然在vscode中预览时正常显示），最后发现可能和Jekyll对资源路径的解析有关，只有使用绝对路径才能正常显示图片。

举例见下，我的部分文件结构见下：

blog
-- posts
   |-- 2024-10-05-blog.md
-- assets
   |-- images
   |   |-- blog
   |   |   |-- OCTA-500
   |   |   |   |-- pic1.jpg
   |   |   |   |-- pic1.jpg
about.md

在about.md中使用相对路径，可以被正确解析（因为文件在根目录下），见下图中的src和当前源。

但在博客blog.md中使用相对路径无法被正确解析，见下图中的src和当前源，可能由于Jekyll的解析方式，其在相对路径前添加了额外的日期信息导致无法正确加载图片资源。

将图片src修改为绝对路径后，可以被正确解析，其中的绝对路径不区分正反斜杠，见下图，其中的当前源显示正确。