Django не видит css js
Я не делал шаблоны, и хотел вывести обычные страницы сделанные в Mobirise. Все страницы видит, но вот css js не видит, я уже перепробовал все что только мог. Кроме-того я запускал как django, так и gunicorn, в любом случае - ничего. Я пересоздавал проект - тоже ничего. Если сами html страницы запустить - все видно и работает. Я уже в отчаинье
settings.py:
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'rest_framework',
'blog_site_app',
]
...
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [os.path.join(BASE_DIR, 'static')],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]
...
STATIC_URL = '/static/'
STATICFILES_DIRS = (
'static',
)
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATICFILES_FINDERS = (
'django.contrib.staticfiles.finders.FileSystemFinder',
'django.contrib.staticfiles.finders.AppDirectoriesFinder',
)
urls.py:
urlpatterns = [
path('admin/', admin.site.urls),
path('', index),
path('reg/', registration)
]+static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
views.py:
def index(req):
return render(req, 'index.html')
def registration(req):
return render(req, 'page1.html')
Одна из страниц, нужно-ли не знаю:
<!DOCTYPE html>
<html >
<head>
<!-- Site made with Mobirise Website Builder v5.6.13, https://mobirise.com -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise v5.6.13, mobirise.com">
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image:src" content="">
<meta property="og:image" content="">
<meta name="twitter:title" content="Главная">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/1605206596114447571-128x91.png" type="image/x-icon">
<meta name="description" content="">
<title>Главная</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="preload" href="https://fonts.googleapis.com/css?family=Amatic+SC:400,700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Amatic+SC:400,700&display=swap"></noscript>
<link rel="preload" href="https://fonts.googleapis.com/css?family=Manrope:200,300,400,500,600,700,800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Manrope:200,300,400,500,600,700,800&display=swap"></noscript>
<link rel="preload" href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"></noscript>
<link rel="preload" href="https://fonts.googleapis.com/css?family=Comfortaa:300,400,500,600,700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Comfortaa:300,400,500,600,700&display=swap"></noscript>
<link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<section data-bs-version="5.1" class="menu menu1 cid-tmkScFfrD8" once="menu" id="menu1-1k">
<nav class="navbar navbar-dropdown navbar-expand-lg">
<div class="container-fluid">
<div class="navbar-brand">
<span class="navbar-caption-wrap"><a class="navbar-caption text-warning display-5" href="https://mobiri.se">Бомбастик</a></span>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-warning display-4" href="https://mobiri.se">Категории</a></li>
<li class="nav-item"><a class="nav-link link text-warning display-4" href="https://mobiri.se">Поток</a></li>
<li class="nav-item"><a class="nav-link link text-warning display-4" href="https://mobiri.se">Войти</a>
</li><li class="nav-item"><a class="nav-link link text-warning display-4" href="https://mobiri.se">Уведомления</a></li><li class="nav-item"><a class="nav-link link text-warning display-4" href="https://mobiri.se">Контакты</a></li></ul>
</div>
</div>
</nav>
</section>
<section data-bs-version="5.1" class="header7 cid-tmfdhR1qAB" id="header7-l">
<div class="text-right container">
<div class="row justify-content-end">
<div class="col-12 col-lg-4">
<h1 class="mbr-section-title mbr-fonts-style mb-3 display-1"><strong>Бомбастик -</strong></h1>
<p class="mbr-text mbr-fonts-style display-7">это блог о питомцах, где можно поделиться своими любимцами, попросить совет, где лучшие клиники и магазины. Расскажите о своей любимой породе, или может - о том что вам нравятся "двортерьер"? Делитесь своим мнением, здесь у каждого есть право голоса :)</p>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="content5 cid-tmfgk88ERq" id="content5-m">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 col-lg-10">
<h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-5">Что можно тут найти?</h4>
<p class="mbr-text mbr-fonts-style display-7"><br>Если вас интересуют особенности парод, или их отсутствия, можете поискать в поле поиска, или самим написать статью - она будет опубликована в общем <strong>потоке. </strong>Если ваш питомец заболел, или не знаете где лучше делать кастрацию, спросите у других хозяев. Здесь можно подписываться на любимые блоги и переписываться с другими пользователями. Можете и без темы публиковать своих любимых и делиться их жизнью, в этом никаких правило нет, кроме правил приличия. Если нашли полезные ресурсы или хорошие корма, <strong>любую интересную информацию - смело публикуйте</strong> :)<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="footer7 cid-tmkTAynNgU" once="footers" id="footer7-1n">
<div class="container">
<div class="media-container-row align-center mbr-white">
<div class="col-12">
<p class="mbr-text mb-0 mbr-fonts-style display-7">
© 2022 Фавн А.В. - блог о животных. </p>
</div>
</div>
</div>
</section><section class="display-7" style="padding: 0;align-items: center;justify-content: center;flex-wrap: wrap; align-content: center;display: flex;position: relative;height: 4rem;"><a href="https://mobiri.se/" style="flex: 1 1;height: 4rem;position: absolute;width: 100%;z-index: 1;"><img alt="" style="height: 4rem;" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></a><p style="margin: 0;text-align: center;" class="display-7">Built with Mobirise ‌</p><a style="z-index:1" href="https://mobirise.com/html-builder.html">Free HTML5 Site Maker</a></section><script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/ytplayer/index.js"></script> <script src="assets/dropdown/js/navbar-dropdown.js"></script> <script src="assets/theme/js/script.js"></script> <script src="assets/formoid/formoid.min.js"></script>
</body>
</html>