刚刚接触HTML,用Github做了一下自己的博客主页,稍微修改了一下模板中的index.html文件,在自己本地查看网页时三张图片显示的好好的,结果commit之后就出现图片无法显示的问题。。
提交之后的显示效果:
可以发现只有第三张图片显示出来了,前两张都没出来。
代码如下:
<div class="photo">
<img src="images/02960.jpg" />
</div>
<div class="photo">
<img src="images/1175.jpg" />
<img src="images/06072013444.jpg" width="185.4" height="291.6" />
</div>
查了半天,排除了“使用中文命名图片文件”等等因素。最后发现,原来是因为。。
图片后缀名是大写的。。而代码中是小写的引用(<img src="images/1175.jpg" />)。。造成了代码和文件不匹配
将代码改为<img src="images/1175.JPG" />之后,再commit之后,显示就正常了:
好神奇。。
在csdn的一血就献给这个小问题吧