CSS没有在Django项目中加载?
Posted
技术标签:
【中文标题】CSS没有在Django项目中加载?【英文标题】:CSS not loading in Django project? 【发布时间】:2020-03-09 13:44:19 【问题描述】:我是 Django 新手,但我的任务是为项目做前端工作。我一直在研究如何准确地加载 css 文件以及我发现的方法不起作用。这是 .html 文件布局:
% load static %
<html>
<head>
<title class="title"> NHSEE Homepage </title>
<!--<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"> -->
<link rel="stylesheet" href="% static 'css/homepage.css' %">
</head>
<body>
<div class="container">
<h1> NHSEE </h1>
<a class="btn btn-1" href="/judges">Judges</a>
<br>
<a href="% url 'students' %">Students</a>
<br>
<a class="btn btn-1" href=% url 'scoring-sheet' %>Scoring Sheet</a>
<br>
<a href="/students">Students</a>
<br>
<a href="/projects">Projects</a>
</div>
这是文件的布局(不确定我是否将导致问题的文件放在哪里) 任何帮助是极大的赞赏。这非常令人沮丧,因为我以前做过专业的前端工作并且无法显示一个愚蠢的 css 文件。
编辑:settings.py 文件
【问题讨论】:
请同时包含settings.py
文件的结尾部分 - 我们需要有关STATIC_URL
和STATICFILES_DIRS
的详细信息
啊,我来编辑一下
Images 不应用于文本数据,例如代码。请阅读site guidelines 提出问题,尤其是使用images 和sample code,以及编辑问题以用文本替换图像。
【参考方案1】:
所以,首先你需要在你的settings.py
中有STATICFILES_DIRS
:
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'assets')]
然后继续将所有资产(css、js、字体...)移动到manage.py
旁边名为assets
的目录(不在您的应用程序中)
例如,假设您有assets/css/home_page.css
;您应该在模板中使用% static 'css/home_page.css' %
来访问它(省略assets
目录)。
这是基本思想,您可以根据需要命名这些目录。
【讨论】:
以上是关于CSS没有在Django项目中加载?的主要内容,如果未能解决你的问题,请参考以下文章
DJANGO:静态文件未在实时服务器中加载(但在本地加载)?