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_URLSTATICFILES_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 中加载 CSS/图像

静态 CSS 文件未在 Django 框架中加载

DJANGO:静态文件未在实时服务器中加载(但在本地加载)?

在 Django 中的 css 文件中加载静态文件

在 CPanel 中使用 Python 在 Django 管理面板中加载静态文件

如何在html文件中加载css文件已经在django中扩展了另一个html文件(base.html)