gitHub页面上未显示背景图像



我最近开始从事web开发,在将图像推送到Github页面后遇到了无法显示的问题。我浏览了无数关于更改目录、使用引号,甚至像so../这样的特殊字符的帖子。我希望有人能向我解释我的代码中到底发生了什么。下面是我编写的CSS的一个片段,它在本地主机上运行得非常好。

.background-image{
background-image: url('/index.html/back/banner2.jpg');
width: 100%;
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}

下面是我的目录的图片

您确定背景图像就是这个目录吗?你是否试图在/index.html/back/banner2.jpg之前加一个点?我们可以在GitHub页面上查看您的存储库吗?