GitHub Pages 站点无法加载 title.png 图片问题求助

问题原因 #

你遇到的是GitHub Pages站点子路径导致的绝对路径解析错误：

• 本地运行时，你的项目通常被作为服务根目录，/title.png 会直接解析到项目根目录下的图片，所以加载正常
• GitHub Pages的用户仓库站点默认托管在站点的子路径下：你的站点根域是https://vedant-shah.github.io/，项目对应的路径是/treasure-hunt-app/，你写的/title.png属于站点根绝对路径，会被解析为https://vedant-shah.github.io/title.png，而实际图片存放在https://vedant-shah.github.io/treasure-hunt-app/title.png，路径不匹配所以加载失败

修复方案 #

你可以任选以下一种方式修改q1.html中的图片路径：

1. 使用相对路径：从q1.html所在的g1文件夹向上回溯一级即可定位到项目根目录的图片，修改代码为

<img src="../title.png" alt="" width="300">

2. 带上项目路径的绝对路径：明确指定项目子路径前缀，修改代码为

<img src="/treasure-hunt-app/title.png" alt="" width="300">

内容的提问来源于stack exchange，提问作者Vedant Shah