初级开发者求助：如何在HTML代码中插入本地已下载图片？

完全不用上传到谷歌云端硬盘这类在线平台，本地图片就能正常显示，问题出在路径写法上，按下面的步骤调整即可：

• 先把你的个人照片放到项目文件夹里，建议专门建一个images目录统一存放，比如项目结构像这样：

你的作品集项目文件夹/
├── index.html
└── images/
    └── 我的照片.jpg

• 在HTML里使用相对路径引用图片，比如：
  <img src="images/我的照片.jpg" alt="个人照片">
  如果你的HTML文件在子文件夹里（比如pages/index.html），路径要往上退一级，写成：
  <img src="../images/我的照片.jpg" alt="个人照片">

• 别用本地绝对路径（比如C:/用户/xxx/桌面/我的照片.jpg），Live Server是基于项目根目录运行的，绝对路径会让服务器找不到你的本地文件

• 检查文件名和大小写：确保代码里写的文件名和实际图片文件名完全一致，包括大小写（虽然Windows系统不区分，但部署到服务器后会出问题）

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