Почему bootstrap загружено в проект Django, а мой файл CSS нет? - PullRequest
2 голосов
/ 17 июня 2020

Я новичок в Python / Django и пытаюсь создать небольшой проект. Я использую Python 3.8.2 и Django 3.0.6 на Ubuntu 20.04 LTS .

Я все еще разработка, поэтому я тестирую и запускаю веб-страницы с помощью "python manage.py runserver" (debug = True) . Мне очень сложно загрузить свой стиль CSS.

Проект организован следующим образом:

PROJECT FOLDER
|   --virtualenv
|   --media
|   --myproject
|   --myapp
    |   --migrations
    |   --templates
        |   --myapp
    |   --static
        |   --favicon
        |   --style
        |   --vendor
            |   --bootstrap
            |   --jquery
|   --templates
    |   --parcials

У меня такая конфигурация в моем "settings.py" (который находится внутри "myproject" папке), относящемся к stati c файлам :

INSTALLED_APPS = [
    ...
    'django.contrib.staticfiles',
    ...
]

STATIC_URL = '/static/'
STATICFILES_DIRS = (os.path.join(
    BASE_DIR, '/myapp/static'), )
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

В заголовке рендеринга html у меня есть:

{% load static %}
...
<link href="{% static 'favicon/favicon.ico' %}" rel="shortcut icon">
<link href="{% static 'vendor/bootstrap/css/bootstrap.css' %}" rel="stylesheet">
<link href="{% static 'vendor/bootstrap/css/theme_1564087106285.css' %}" rel="stylesheet">
<link hrel="{% static 'style/index.css' %}" rel="stylesheet" type="text/css">

Индекс ". css" находится внутри папки стиля и имеет только селектор классов :

.style-v1 {
  font-size: x-large;
  background-color: blue;
}

В html теле , I просто попробуйте протестировать загрузку css с помощью:

<div class="style-v1">
    CSS loading test
</div>

Я не знаю, забыл ли я что-то или что-то не так, я все еще свободен sh в PYTHON / DJANGO / HTML / CSS, но bootstrap работает нормально, а также значок и " index. css " не загружается, что я проверил на вкладке Network в Chrome dev tools .

Приношу свои извинения за любую опечатку или, если моего описания недостаточно для полного понимания проблемы, я также задаю новый вопрос в этом сообществе. Я полностью благодарен, если кто-нибудь даст мне свет для решения этой проблемы.

С наилучшими пожеланиями!

EDIT: @ An oop K Джордж, рисунок Из-за проблемы, это была опечатка в атрибуте ссылки "href", видимо, я не заметил, что набрал "hrel".

1 Ответ

0 голосов
/ 17 июня 2020

Согласно соглашениям Django, создайте папку с именем вашего приложения в папке stati c и переместите в нее все файлы c stati.

ПАПКА ПРОЕКТА

|   --virtualenv
|   --media
|   --myproject
|   --myapp
    |   --migrations
    |   --templates
        |   --myapp
    |   --static
        |   --myapp
          |   --favicon
          |   --style
          |   --vendor
            |   --bootstrap
            |   --jquery
|   --templates
    |   --parcials
...