Статические файлы в Django

Я пытаюсь создать проект Django. Я создал приложение под именем blog. В ней я создал папки static и templates. В папке static находится папка CSS, в которой лежит файл CSS. Он прикреплен к шаблону HTML, но ни один из стилей CSS не работает при запуске сервера localhost.8000.

Простой HTML

{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="{% static 'css/styles.css' %}">
</head>
<body>
    <h1>Hello</h1>
</body>
</html>

Простой CSS

h1 {
    color: red;
    font-size: 35px;
}

Терминальная 404 ошибка с CSS файлом

введите описание изображения здесь

Для загрузки статических файлов требуется некоторая конфигурация.

# settings.py
STATICFILES_DIRS = [BASE_DIR / 'blog/static']
STATIC_URL = 'static/'
# urls.py

from django.conf.urls.static import static
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
urlpatterns += static('media/', document_root=(settings.BASE_DIR / 'media/'))

(1) Во-первых, ваш файл css называется styles.css ?

(2) Структура папок выглядит следующим образом: blog/ статический/ css/ styles.css шаблоны/ your_template.html

(3) Отражает ли это ваш файл settings.py: STATIC_URL = '/static/' # Базовый URL для статических файлов

Убедитесь, что STATICFILES_DIRS правильно установлен

STATICFILES_DIRS = [ BASE_DIR / «blog» / «static»,
]

Вернуться на верх