Я новичок в 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".