求助:GitHub网页图片无法显示,修改代码仍未解决
GitHub网页图片无法显示的解决方法
问题根源
你的代码存在两个关键问题:
- 重复的
src属性:HTML标签里写了两次src,会导致浏览器解析异常 - 本地绝对路径无效:
C:\Users\amund\Downloads\Amund5.png是你本地电脑的路径,GitHub网页无法访问本地文件
修正步骤
1. 修复HTML语法错误
先删掉重复的本地路径src属性,基础代码调整为:
<img src="Amund5.png" alt="Amund5" width="500" height="400">
2. 正确引用图片(二选一)
方法一:使用仓库内相对路径
把图片上传到你的GitHub仓库里(可以放在根目录,或者新建images文件夹归类):
- 若图片在仓库根目录,直接用上述代码即可
- 若放在
images文件夹,代码改为:
<img src="images/Amund5.png" alt="Amund5" width="500" height="400">
方法二:使用图片的Raw链接
上传图片到仓库后,打开图片页面,点击右上角的「Raw」按钮,复制跳转后的链接,替换到src中:
<img src="https://raw.githubusercontent.com/你的用户名/仓库名/分支名/Amund5.png" alt="Amund5" width="500" height="400">
注意事项
- 确保图片已成功上传到仓库对应位置
- GitHub对路径大小写敏感,文件名和路径要和代码完全匹配
内容的提问来源于stack exchange,提问作者webbs1
相关产品推荐
相关产品推荐

