Как добавить изображение в панель навигации на сайте GitHub

Question

Я делаю сайт GitHub и хочу добавить логотип сайтов в качестве фонового изображения. В настоящее время код

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, вы также можете ссылаться на него, используя короткий URL-адрес https://geeko.github.io/geekoIcon.png