Python Css文件未与django中的项目链接
我想将css文件链接到我的django项目。我尝试了各种方法,但它并没有反映html页面中的任何更改。我是新手,任何帮助都将不胜感激 这是我的html代码:Python Css文件未与django中的项目链接,python,html,css,django,django-templates,Python,Html,Css,Django,Django Templates,我想将css文件链接到我的django项目。我尝试了各种方法,但它并没有反映html页面中的任何更改。我是新手,任何帮助都将不胜感激 这是我的html代码: {% extends 'base.html' %} {% load static %} <link rel="stylesheet" href="{% static 'css/custom.css'%}" type="text/css"> {% block content %} <form class="for
{% extends 'base.html' %}
{% load static %}
<link rel="stylesheet" href="{% static 'css/custom.css'%}"
type="text/css">
{% block content %}
<form class="form-signin">
<div class="text-center mb-4">
{% csrf_token %}
<ul>{{shipper_data_object.first_name}}</ul>
<ul>{{shipper_data_object.last_name}}</ul>
<div class="checkbox mb-3">
<label>
<input type="checkbox" value="remember-me"> Remember me
</label>
</div>
<button class="btn btn-lg btn-primary btn-block"
type="submit">Sign in</button>
{% endblock %}
<p class="mt-5 mb-3 text-muted text-center">© 2017-2019</p>
</div>
</form>
这是my base.html:
{% load static %}
<link rel="stylesheet" href="{% static 'css/custom.css'%}"
type="text/css">
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet"
<meta charset="UTF-8">
<title>Title</title>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-
toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-
only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#"
id="navbarDropdownMenuLink" role="button"
data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
Dropdown link
</a>
<div class="dropdown-menu" aria-
labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another
action</a>
<a class="dropdown-item" href="#">Something
else here</a>
</div>
</li>
</ul>
</div>
</nav>
</head>
<body>
{% block content %}
{% endblock %}
</body>
附加组件:我可以通过chrome的inspect元素导航到custom.css,它显示了存在的变化,但在添加任何css时仍然没有反映出来 试试这个
在settings.py中
PROJECT_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
STATIC_URL = '/static/'
STATIC_ROOT = PROJECT_DIR + '/static/'
在main url.py中
if settings.DEBUG:
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
有关更多详细信息,请参阅尝试运行
python manage.py collectstatic
Django可能正在查看您部署的静态文件
正如c.grey在他的回答中所说,您应该将STATIC\u URL
和STATIC\u ROOT
添加到您的settings.py
文件中
但是,由于您的静态URL是/static/
,开头带有斜杠。您可能还需要更改HTML中的行
发件人:
在settings.py文件中尝试以下操作:
STATIC_URL = '/static/'
STATIC_DIRS = 'static'
PROJECT_DIR = os.path.dirname(os.path.abspath(__file__))
STATIC_ROOT = os.path.join(PROJECT_DIR, 'static')
STATIC_URL = '/static/'
PROJECT_DIR = os.path.dirname(os.path.abspath(__file__))
STATICFILES_DIRS = [
os.path.join(PROJECT_DIR, "static"),
]
STATIC_ROOT = STATICFILES_DIRS
在主URL.py中:
if settings.DEBUG:
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
然后运行python manage.py collectstatic
并确保在base.html
中添加css和js文件
if settings.DEBUG:
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)