在 Django 中加载 CSS/图像

Posted 2023-02-24

【中文标题】在 Django 中加载 CSS/图像

【英文标题】：Load CSS/images in Django

【发布时间】：2012-12-11 08:53:51

【问题描述】：

我已经阅读了官方 Django 文档和 SO 中的许多其他帖子。我仍然无法弄清楚在 html 页面中加载我的 CSS 文件的方法。我正在运行Django 1.4。这是我的mysite 项目的整个结构，其中auth 作为应用程序。

mysite/
      manage.py
      settings.py
      __init__.py
      urls.py
      auth/
          __init__.py
          forms.py
          models.py
          views.py
      templates/
               index.html
               home.html
      media/
           common.css

如何在index 和home 模板文件中加载我的common.css 文件？

【问题讨论】：

希望这可能会有所帮助：reference 1reference 2

【参考方案1】：

看看static files:https://docs.djangoproject.com/en/dev/howto/static-files/

你需要：

将django.contrib.staticfiles 添加到您安装的应用中 将您的文件放在static 目录中 在您的设置中设置STATIC_ROOT 和STATIC_URL 在您的模板中使用STATIC_URL 变量或static 模板标签

% load staticfiles % 然后<link href="% static "common.css" %" rel="stylesheet" type="text/css"/>

在您的生产环境中，您需要收集静态文件