Статический URL-адрес Django, похоже, не загружает файл CSS

На самом деле я новичок в Django и пытался загрузить свою тему во вновь созданный проект.

У меня есть файл шаблона home.html, расположенный в каталоге {APP_NAME}/templates/ моего проекта Django. APP_NAME здесь называется website, а имя проекта — dentist. Вот структура каталога верхнего уровня проекта:

dentist
env (virtual environment)
static
    website
        css
            templatemo_style.css
        images
            ...
website
    templates
        home.html
manage.py

Как вы видите, статические файлы размещаются в статике под APP_NAME.

А теперь home.html:

{% load static %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" />
<title>free template one - templatemo</title>
<meta name = "keywords" content = "" />
<meta name = "description" content = "" />
<link href = "{% static 'website/css/templatemo_style.css' %}" rel = "stylesheet" type = "text/css" />
</head>

А это settings.py добавленная конфигурация:

STATIC_URL = 'static/'

STATICFILES_DIR = [
    os.path.join(BASE_DIR,'static')
]

Но теперь проблема в том, что всякий раз, когда я загружаю проект, файл CSS не загружается, а HTML повреждается!

Я проверяю исходный код и вижу эту ссылку:

<link href = "/static/website/css/templatemo_style.css" rel = "stylesheet" type = "text/css" />

Однако он не найден, и страница открывается следующим образом:

Попробуйте поместить всю папку static в папку приложения website, как вы уже сделали с папкой templates. Также поместите home.html в другую папку под названием веб-сайт. Итак, у вас будет сайт->шаблоны->сайт->home.html.

raphael 02.09.2024 22:23
Почему в Python есть оператор "pass"?
Почему в Python есть оператор "pass"?
Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.
Некоторые методы, о которых вы не знали, что они существуют в Python
Некоторые методы, о которых вы не знали, что они существуют в Python
Python - самый известный и самый простой в изучении язык в наши дни. Имея широкий спектр применения в области машинного обучения, Data Science,...
Основы Python Часть I
Основы Python Часть I
Вы когда-нибудь задумывались, почему в программах на Python вы видите приведенный ниже код?
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
Алиса и Боб имеют неориентированный граф из n узлов и трех типов ребер:
Оптимизация кода с помощью тернарного оператора Python
Оптимизация кода с помощью тернарного оператора Python
И последнее, что мы хотели бы показать вам, прежде чем двигаться дальше, это
Советы по эффективной веб-разработке с помощью Python
Советы по эффективной веб-разработке с помощью Python
Как веб-разработчик, Python может стать мощным инструментом для создания эффективных и масштабируемых веб-приложений.
0
1
50
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Переместите папку static в папку веб-сайта (вашего приложения). Кроме того, создайте папку с именем веб-сайт (имя приложения) в папке шаблонов и переместите home.html туда. Это будет ваша окончательная файловая структура.

website
  static
    website
      css
        templatemo_style.css
  templates
    website
      home.html

Я надеюсь, что это решит вашу проблему.

спасибо, что приняли мой ответ. если это было полезно, не могли бы вы проголосовать за мой ответ? Я был бы очень признателен.

temunel 03.09.2024 10:17

В имени переменной STATICFILES_DIRS есть буква S, которую вы написали STATICFILES_DIR.

Другие вопросы по теме