css 图片未显示在GitHub托管的网站中

muk1a3rh  于 12个月前  发布在  Git
关注(0)|答案(5)|浏览(168)

我有一个由Github托管的网站,我有显示图片的问题。我最近试图上传新的图片,但尽管路径是正确的,页面无法加载图像,并在源代码中给出404错误,因为它试图找到路径。这是我的网站的存储库:https://github.com/jeanturban/jeanturban.github.io
我认为这可能与Picasa有关,因为当我从互联网上下载图片并相应地更新路径时,它工作正常。但是当我试图使用计算机中的图片时,或者如果我试图从Picasa导出到我的“img”文件夹时,它就会中断。也许Picasa在导出未上传的图片时会创建一个隐藏文件夹?有人对此有什么见解吗?或者有解决办法?

bhmjp9jg

bhmjp9jg1#

由于文件扩展名错误,您的图像似乎没有加载。您试图加载“http://jeanturban.com/img/Current/light1.jpg“,而实际上应该是“http://jeanturban.com/img/Current/light1.JPG“--请注意最后的大写JPG。

p1iqtdky

p1iqtdky2#

在我的情况下,问题是我的图像在.attachments文件夹(来自Azure DevOps)中,我猜GitHub页面跳过了隐藏文件夹。

9fkzdhlc

9fkzdhlc3#

我有同样的问题,但图像情况不是问题。
修复它的方法是将图像文件名从26个字符和3个下划线缩短为16个字符和1个下划线。

yptwkmov

yptwkmov4#

我不得不改变我的媒体文件存储在我的情况下的路径:
在我的文件设置之前是:

-myusername.github.io
-->index.html
-->index.css
->media
-->myImage.jpg

字符集
在我将其更改为下面的设置后,它工作了:

I had to change it to this: 
->myusername.github.io
-->index.html
-->index.css
-->media
--->myImage.jpg

guykilcj

guykilcj5#

在我的情况下,我通过HTTrack将我的WordPress网站转换为静态网站,它有一个'srcset'属性,这是导致问题的原因。我只是删除了该属性和它的值(这是原始的网站网址),并更新我的gh-pages存储库和图像显示像魅力。

相关问题