Django 静态 url 似乎没有加载 css 文件

问题描述 投票:0回答:1

我实际上是 Django 新手,并尝试将我的主题加载到新创建的项目中。

我有一个

home.html
模板文件放置在 Django 项目的 {APP_NAME}/templates/ 目录中。 APP_NAME在这里称为
website
,项目名称为
dentist
。这是项目的结构顶级目录:

dentist
env (virtual environment)
static
    website
        css
            templatemo_style.css
        images
            ...
website
    templates
        home.html
manage.py

如您所见,静态文件放置在APP_NAME下的静态中。

现在这是

home.html

{% load static %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>free template one - templatemo</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="{% static 'website/css/templatemo_style.css' %}" rel="stylesheet" type="text/css" />
</head>

这是

settings.py
添加的配置:

STATIC_URL = 'static/'

STATICFILES_DIR = [
    os.path.join(BASE_DIR,'static')
]

但是现在的问题是每当我加载项目时,css 文件都没有被加载并且 html 已损坏!

我检查了源代码,它显示了这个链接:

<link href="/static/website/css/templatemo_style.css" rel="stylesheet" type="text/css" />

但是没有找到,页面是这样的:

enter image description here

enter image description here

python django django-templates
1个回答
0
投票

将您的

static
文件夹移动到网站(您的应用程序)文件夹中。 另外,在模板文件夹中创建一个名为 website(应用程序名称)的文件夹,并将
home.html
移至此处。 这将是您的最终文件结构。

website
  static
    website
      css
        templatemo_style.css
  templates
    website
      home.html

我希望这能解决您的问题。

© www.soinside.com 2019 - 2024. All rights reserved.