html - 如何将图像添加到github网站上的导航栏

Question

我正在制作一个 GitHub 网站，并希望将网站 Logo 添加为背景图片。目前代码是

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

我已将图像文件上传到 Github，但它不在任何文件夹中，但是，如果我访问我的网站，什么也没有显示。当我尝试将图像放入文件夹并放置新路径时，会弹出一个替换不存在图像的小图标。如果有帮助，这里是 Github 元素页面 https://github.com/Geeko/geeko.github.io

Answer 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 的较短 URL 来引用它