时间戳

首页 > 解决方案 > CSS没有在Django项目中加载？

css - CSS没有在Django项目中加载？

问题描述

我是 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 文件在此处输入图像描述

标签： cssdjangodjango-templates

解决方案

所以，首先你需要STATICFILES_DIRS在你的settings.py：

STATICFILES_DIRS = [os.path.join(BASE_DIR, 'assets')]

然后继续将所有资产（css、js、字体...）移动到名为assetsbeside的目录manage.py（不在应用程序内）

例如，假设您有assets/css/home_page.css；您应该{% static 'css/home_page.css' %}在模板中使用来访问它（省略assets目录）。

这是基本思想，您可以根据需要命名这些目录。

推荐阅读