Как добавить фон в Django2.0, используя HTML или CSS

Question

Я хочу добавить изображение на мою домашнюю страницу django, но я всегда не могу найти правильное местоположение нужного файла изображения (жёлтый подсветка) Картинка ниже - это то, что я печатаю до сих пор:

https://i.stack.imgur.com/ecyQu.png

также в том же файле

{% load static %}
        body {
            background-image: url('{% static "/bitcoin.jpg" %}');
        }

Нужна ли мне статика, когда я хочу вставить изображение в Django2.0? также, Я вижу, как некоторые люди открывают отдельный статический файл, а некоторые помещают изображение в шаблон Я запутался, куда мне положить? Как можно поместить фоновое изображение внутри HTML ??

спасибо, что ответили !!!!

обновление ** это то, что я до сих пор введите описание изображения здесь

updat2 ** относится только к файлу администратора, введите описание изображения здесь

Answer 1

Вы можете использовать встроенный CSS только для этого случая.У вас уже есть элемент .wrapper, поэтому, если вы хотите поместить статическое обслуживаемое изображение, вы должны сделать что-то вроде этого:

<div class="wrapper" style="background-image: url('{% static 'default_page/bitcoin.jpg' %}');">
   Your content here
</div>

Если вы хотите использовать в своих файлах CSS, просто используйте абсолютноепуть в соответствии с вашей статической конфигурацией.Если вы обслуживаете ваши статические файлы, используя /static (это означает, что путь /static/default_page/bitcoin.jpg правильный и показывает желаемое изображение), вы можете просто вставить в CSS что-то вроде:

body {
  background-image: url('/static/default_page/bitcoin.jpg');
}

Надеюсь, чтоработает!

РЕДАКТИРОВАТЬ:

Как сказал Томас, вы поместили изображение в неправильную папку (внутри шаблонов, а не в папке статических файлов).Обратитесь к this для правильной настройки проекта.

Answer 2

Вы поместили свой bitcoin.jpg в ту же папку, что и ваши шаблоны. Django обслуживает все статические файлы, например изображения, из статического каталога. Только шаблоны идут в каталог шаблонов. Создайте каталог с именем static внутри вашего приложения hompage, создайте каталог с именем default_page и поместите туда свое фоновое изображение. Перезапустите сервер разработки, и ваше изображение должно появиться.