Как подключить css к django

Как подключить CSS файл

TemplateSyntaxError at /landing/
Invalid block tag on line 7: ‘static’. Did you forget to register or load this tag?
Request Method: GET
Request URL: http://127.0.0.1:8000/landing/
Django Version: 3.0.6
Exception Type: TemplateSyntaxError
Exception Value:
Invalid block tag on line 7: ‘static’. Did you forget to register or load this tag?
Exception Location: C:\Users\Samsung\PycharmProjects\mysite\venv\lib\site-packages\django\template\base.py in invalid_block_tag, line 530
Python Executable: C:\Users\Samsung\PycharmProjects\mysite\venv\Scripts\python.exe
Python Version: 3.8.3
Python Path:
[‘C:\\Users\\Samsung\\PycharmProjects\\mysite’,
‘C:\\Users\\Samsung\\AppData\\Local\\Programs\\Python\\Python38-32\\python38.zip’,
‘C:\\Users\\Samsung\\AppData\\Local\\Programs\\Python\\Python38-32\\DLLs’,
‘C:\\Users\\Samsung\\AppData\\Local\\Programs\\Python\\Python38-32\\lib’,
‘C:\\Users\\Samsung\\AppData\\Local\\Programs\\Python\\Python38-32’,
‘C:\\Users\\Samsung\\PycharmProjects\\mysite\\venv’,
‘C:\\Users\\Samsung\\PycharmProjects\\mysite\\venv\\lib\\site-packages’]
Server time: Mon, 25 May 2020 05:19:35 +0000

Лучшие ответы ( 1 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Как подключить css файл
Здравствуйте, мне нужно подключить css файл. Допустим что есть корневой каталог, назовем его site.

Как подключить CSS файл
Как подключить CSS файл в blade?

Как подключить .css файл в Servlet
У меня проблема возникла — я не могу подключить ксс файл в результирующий html Вот мой код .

Как подключить css файл к теме storefront?
Доброго времени суток! Как подключить css файл к теме storefront в wordpress? Добавлено через 40.

Как подключить html файл к css файлу?
Доброго времени суток! Простой пример. html-файл. У меня не работает подключение к css файлу.

Обработка статических файлов (например, изображений, JavaScript, CSS) ¶

Веб-сайты обычно должны обслуживать дополнительные файлы, такие как изображения, JavaScript или CSS. В Django эти файлы называются «статическими файлами». Django предоставляет django.contrib.staticfiles помощь в этом управлении.

На этой странице рассказывается, как обслуживать эти статические файлы.

Настройка статических файлов ¶

Убедитесь, что django.contrib.staticfiles это включено в вашу настройку INSTALLED_APPS .
В вашем файле настроек определите STATIC_URL , например:

STATIC_URL = '/static/'

 load static %> img src=" static "my_app/example.jpg" %>" alt="My image">

В дополнение к этим шагам настройки вам также потребуется обслуживать статические файлы.

Во время разработки, если вы используете django.contrib.staticfiles , статические файлы автоматически обслуживаются, runserver если для DEBUG него установлено значение True (см. django.contrib.staticfiles.views.serve() ).

Этот метод заведомо неэффективен и, вероятно, небезопасен , поэтому его нельзя использовать в производственной среде .

См. Раздел « Развертывание статических файлов» для получения истинных стратегий службы статических файлов в производственных средах.

В вашем проекте, вероятно, также будут статические элементы, не связанные с конкретным приложением. Помимо использования каталога static/ в ваших приложениях, вы можете определить список каталогов ( STATICFILES_DIRS ) в файле настроек, сообщающий Django, где он может найти другие статические файлы. Например :

STATICFILES_DIRS = [ BASE_DIR / "static", '/var/www/static/', ]

См. Документацию STATICFILES_FINDERS по настройке, чтобы узнать, как staticfiles искать файлы.

Пространства имен статических файлов

Мы могли бы проще помещать наши статические файлы напрямую my_app/static (вместо создания подкаталога my_app ), но это было бы плохой идеей. Django выбирает первый статический файл, соответствующий поисковому имени, и если бы у вас был файл с таким же именем в другом приложении, Django не смог бы отличить их друг от друга. Нам нужно указать Django правильный файл, и лучший способ убедиться в этом — использовать пространства имен . То есть, поместив эти статические файлы в другой подкаталог, названный в честь приложения.

В STATICFILES_DIRS , можно указать пространства имен с помощью префиксов .

Сервис статических файлов в разработке ¶

Если вы используете, django.contrib.staticfiles как описано выше, runserver автоматически делает это, если DEBUG установлено значение True . Если django.contrib.staticfiles нет INSTALLED_APPS , вы все равно можете обслуживать статические файлы вручную с помощью представления django.views.static.serve() .

Однако в производстве это недопустимо! Вы можете просмотреть некоторые распространенные стратегии развертывания в разделе «Развертывание статических файлов» .

Например, если параметр STATIC_URL определен как /static/ , вы можете настроить эту службу, добавив в файл следующий фрагмент кода urls.py :

from django.conf import settings from django.conf.urls.static import static urlpatterns = [ # . the rest of your URLconf goes here . ] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

Эта служебная функция работает только в режиме «отладки» и только если данный префикс является локальным (например /static/ ), а не URL-адресом (например http://static.example.com/ ).

Кроме того, эта служебная функция работает только с самим файлом STATIC_ROOT ; он не выполняет обнаружение статических файлов, как это делает django.contrib.staticfiles .

Сервис файлов, загружаемых пользователями в процессе разработки ¶

Во время разработки вы можете обслуживать файлы, загруженные MEDIA_ROOT пользователями, используя представление django.views.static.serve() .

Например, если параметр MEDIA_URL определен как /media/ , вы можете настроить эту службу, добавив в файл следующий фрагмент кода urls.py :

from django.conf import settings from django.conf.urls.static import static urlpatterns = [ # . the rest of your URLconf goes here . ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

Эта служебная функция работает только в режиме «отладки» и только если данный префикс является локальным (например /media/ ), а не URL-адресом (например http://media.example.com/ ).

Тесты ¶

При запуске тестов, которые используют настоящий HTTP-запрос вместо встроенного тестового клиента (т. Е. С использованием LiveServerTestCase встроенного класса ), статические файлы должны обслуживаться так же, как и остальное содержимое, поэтому что тестовая среда максимально точно воспроизводит реальную среду; но LiveServerTestCase имеет только самые базовые функции для обслуживания файлов: он не знаком с функциями обнаружения файлов в приложении staticfiles и предполагает, что статический контент уже был собран в STATIC_ROOT .

По этой причине он staticfiles поставляется со своим собственным классом django.contrib.staticfiles.testing.StaticLiveServerTestCase , подклассом предыдущего, который имеет возможность прозрачно обслуживать все статические файлы при запуске этих тестов, что очень похоже на то, что мы мы получаем во время разработки , то есть без необходимости собирать их при первом использовании . DEBUG = True collectstatic

Развертывание ¶

django.contrib.staticfiles предоставляет удобную команду управления для сбора статических файлов в один каталог для упрощения обслуживания.

STATIC_ROOT = "/var/www/example.com/static/"

$ python manage.py collectstatic

Узнать больше ¶

В этом документе описаны как основы, так и некоторые распространенные сценарии. Полную информацию обо всех настройках, командах, тегах шаблонов и других функциях django.contrib.staticfiles см. В справке по статическим файлам .

Подключение static файлов

Подключение static файлов в Django довольно легко сделать.

1) в файле settings.py проекта укажем:

STATICFILES_URL = (os.path.join(BASE_DIR , ‘static’ )) — это было до версии 3.1 — модуль os не забудьте!

а после 3.4 можно так:

STATICFILES_DIRS = [BASE_DIR / ‘static’]

2) Далее создаем папку в корне проекта — static и в ней помещаем например файл style.css и папку img и js к примеру.

3) А в самом файле, например, index.html (который находится в папке templates), сверху сперва подключаем статические файлы вот так:

и только потом можем использовать вот такие подключения:

Но у многих возникает ошибка — django не видит static файлы

Более новые статьи:

Логирование в Джанго — 14/08/2022 08:39
Как определить папку templates для html файлов — 21/08/2021 10:19
Создание администратора в Django — 15/08/2021 15:16

Python-сообщество

Начало
» Django
» подключение css к шаблону

#1 Апрель 25, 2010 01:02:11

Dr.Livsi От: Зарегистрирован: 2010-02-15 Сообщения: 192 Репутация: 3 Профиль Отправить e-mail

подключение css к шаблону

Доброго всем времени суток!
Помогите решить проблему, пожалуйста. Собственно, надо подключить css к шаблону. Зашел по ссылкам: http://habrahabr.ru/blogs/django/65611/, http://docs.djangoproject.com/en/dev/howto/static-files/. Однако ничего не получается 🙁
в папке проекта создал папку ‘/media’
забросил туда cats.css

в urls.py добавил:

if settings.DEBUG: 
urlpatterns += patterns('', 
(r'^media/(?P.*)$', 'django.views.static.serve', ), 
)

сделал шаблон, содержащий:

но в результате, страничка остается без форматирования.

Помогите, пожалуйста, разобраться, где ошибка (ошибки).

#2 Апрель 25, 2010 07:07:47

Dr.Livsi От: Зарегистрирован: 2010-02-15 Сообщения: 192 Репутация: 3 Профиль Отправить e-mail

подключение css к шаблону

У вас DEBUG True или False в настройках? True.

#3 Апрель 25, 2010 09:33:28

Александр Кошелев От: Москва Зарегистрирован: 2007-02-03 Сообщения: 1724 Репутация: 2 Профиль Отправить e-mail

подключение css к шаблону

Сомневаюсь, что директория media у вас в корне файловой системы.

#4 Апрель 25, 2010 12:30:18

Dr.Livsi От: Зарегистрирован: 2010-02-15 Сообщения: 192 Репутация: 3 Профиль Отправить e-mail

подключение css к шаблону

Daevaorn
Сомневаюсь, что директория media у вас в корне файловой системы.

lorien
Что значит ничего нет? Какое содержимое ответа, какой HTTP статус?

ввел в адресной строке ‘http://127.0.0.1:8000/media/cats.css’, получил: ‘Page not found: /media/cats.css’

Отредактировано (Апрель 25, 2010 12:31:06)

#5 Апрель 25, 2010 12:44:08

Dr.Livsi От: Зарегистрирован: 2010-02-15 Сообщения: 192 Репутация: 3 Профиль Отправить e-mail

подключение css к шаблону

еще не понятно, что означают параметры файла settings.py и надо ли там чего прописывать. По идее нет — ведь я прописываю напрямую:

(r'^media/(?P.*)$', 'django.views.static.serve', )

Параметры файла settings.py:

# Absolute path to the directory that holds media.
# Example: "/home/media/media.lawrence.com/"
MEDIA_ROOT = ''

# URL that handles the media served from MEDIA_ROOT. Make sure to use a
# trailing slash if there is a path component (optional in other cases).
# Examples: "http://media.lawrence.com", "http://example.com/media/"
MEDIA_URL = ''

что означает вот это:

# URL prefix for admin media -- CSS, JavaScript and images. Make sure to use a
# trailing slash.
# Examples: "http://foo.com/media/", "/media/".
ADMIN_MEDIA_PREFIX = '/media'

Читать:

Как отключить запуск от имени администратора в windows 10

Как подключить CSS файл

Обработка статических файлов (например, изображений, JavaScript, CSS) ¶

Настройка статических файлов ¶

Сервис статических файлов в разработке ¶

Сервис файлов, загружаемых пользователями в процессе разработки ¶

Тесты ¶

Развертывание ¶

Узнать больше ¶

Подключение static файлов

Более новые статьи:

Python-сообщество

#1 Апрель 25, 2010 01:02:11

подключение css к шаблону

#2 Апрель 25, 2010 07:07:47

подключение css к шаблону

#3 Апрель 25, 2010 09:33:28

подключение css к шаблону

#4 Апрель 25, 2010 12:30:18

подключение css к шаблону

#5 Апрель 25, 2010 12:44:08

подключение css к шаблону

Похожие записи