如何在GitHub网站上的导航栏中添加图像

时间:2019-11-10 16:09:53

标签: html css github

我正在创建GitHub网站,并希望将网站徽标添加为背景图片。当前代码是

body{
    <!--some other styling-->
    background-image: url(/geekoicon.png)
}

我已经将图像文件上传到Github,但是它不在任何文件夹中,如果我进入我的网站,则什么都没有显示。当我尝试将图像放置在文件夹中并放置新路径时,弹出一个替换不存在图像的小图标。如果可以帮助https://github.com/Geeko/geeko.github.io

,请访问Github项目页面

1 个答案:

答案 0 :(得分:1)

由于图像位于https://raw.githubusercontent.com/Geeko/geeko.github.io/master/geekoIcon.png位置,因此CSS如下所示:

body{
    background-image: url(https://raw.githubusercontent.com/Geeko/geeko.github.io/master/geekoIcon.png)
}

请注意,Github网站的工作方式也可以使用较短的https://geeko.github.io/geekoIcon.png

引用。