如何向Git网页添加图片？GitHub网页图片无法显示问题求助

可能踩的坑 #

• 用错了GitHub的图片链接：别用仓库里图片的浏览页面URL（带blob的那种），那是网页地址，不是图片的直接资源链接。得把URL里的blob换成raw，比如把https://github.com/xxx/xxx/blob/main/img.png改成https://github.com/xxx/xxx/raw/main/img.png。
• 大小写不匹配：GitHub文件名和路径严格区分大小写，比如你HTML写的是Logo.png，但仓库里实际是logo.png，肯定加载失败，要完全对应上。
• 分支不对：如果图片传到了dev这类非默认分支，却用了main分支的URL，自然找不到。要改成对应分支的链接，比如https://github.com/xxx/xxx/raw/dev/img.png。
• 私有仓库权限问题：私有仓库的图片直接用URL访问需要权限，网页端预览HTML时会因为没权限加载失败。要么把仓库设为公开，要么用GitHub Pages托管页面（私有仓库也能开Pages，只要有权限）。

正确操作流程 #

1. 上传图片到仓库：把图片传到仓库的指定文件夹（比如assets/images/），提交并推送到远程。
2. 拿对图片的Raw链接：
   • 打开仓库里的图片文件页面
   • 点右上角的Raw按钮，此时地址栏的链接就是图片的直接访问地址，复制它。
3. 在HTML里引用：把复制的链接放到<img>标签的src属性里，示例：

   <img src="https://github.com/your-name/your-repo/raw/main/assets/images/photo.png" alt="图片描述">
   

4. 核对分支和大小写：确认HTML里的链接分支和图片所在分支一致，文件名、路径的大小写完全匹配。
5. 私有仓库处理：如果是私有仓库，优先用GitHub Pages托管你的HTML页面，这样图片就能正常加载了。

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