Django：您如何提供媒体/样式表并在模板中链接到它们答案

【问题标题】：Django: how do you serve media / stylesheets and link to them within templatesDjango：您如何提供媒体/样式表并在模板中链接到它们
【发布时间】：2010-10-01 13:19:00
【问题描述】：

已询问过此问题的变体，但在呈现模板时我仍然无法正确加载样式表。

我正在尝试在开发过程中从 Django 进程中提供静态媒体 - 我知道，在生产中强烈建议不要这样做。我将发布我的配置和模板，希望有人能帮助我了解我哪里出错了。

请注意，我确实尝试按照 Django 项目网站上的示例进行操作，但是它没有提到如何从模板中引用您的样式表。我还尝试了同一事物的许多不同变体，因此我的代码/设置可能与描述的有所不同。

settings.py

MEDIA_ROOT = 'D:/Dev Tools/django_projects/dso/media'
MEDIA_URL = '/media/'
ADMIN_MEDIA_PREFIX = '/media/'

urls.py

from django.conf.urls.defaults import *
from django.conf import settings
from django.contrib import admin

admin.autodiscover()

urlpatterns = patterns('',
    (r'^admin/(.*)', admin.site.root),
    (r'^ovramt/$', 'dso.ovramt.views.index'),
)

if settings.DEBUG:
    urlpatterns += patterns('',
        (r'^media/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.MEDIA_ROOT}),
    )

在我的模板中：

<head> 
<title> {% block title %} DSO Template {% endblock %} </title> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<link rel="stylesheet" type="text/css" href="../media/styles.css">
</head>

我向您保证，文件（模板/媒体）位于我的文件系统上的正确目录中。如果我需要提供任何额外信息，请发表评论。

编辑：

我遇到的一个问题是在链接前使用了“/”。如果添加了正斜杠，则从站点的根目录打开链接。如果没有正斜杠，则在当前级别打开链接。一个例子：

www.example.com/application/ 有一个链接“/app2/”和一个链接“app3/”。
app2 将在 www.example.com/app2/ 打开，app3 将在 www.example.com/application/app3/ 打开。我想这让我很困惑。

【问题讨论】：

一个问题；您是否尝试过直接从浏览器加载“http:///media/styles.css”？
我是唯一一个觉得在使用 Django 开发过程中必须跳过所有这些障碍来测试/预览 CSS 和图像很愚蠢的人？当然，您不想在生产环境中执行此操作并使用真正的 Web 服务器，但对于开发，您需要查看样式/图像以提供良好的预览。
真的没有太多可以跳过的圈子。我只是在我可能不应该有的地方跌跌撞撞。
您说“如果前面加了正斜杠，则从下面的级别打开链接。”但实际上，正斜杠使它从最顶层加载。所以从site.com/a/b/c，如果有到/d的链接，它会去site.com/d。

标签： python css django django-templates media

【解决方案1】：

我只需要自己解决这个问题。

settings.py：

MEDIA_ROOT = 'C:/Server/Projects/project_name/static/'
MEDIA_URL = '/static/'
ADMIN_MEDIA_PREFIX = '/media/'

urls.py:

from django.conf import settings
...
if settings.DEBUG:
    urlpatterns += patterns('',
        (r'^static/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.MEDIA_ROOT}),
    )

模板文件：

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

文件位于此处：

"C:/Server/Projects/project_name/static/css/style.css"

【讨论】：

MEDIA_URL 和 ADMIN_MEDIA_PREFIX；它们可以相同。这不是一个好主意。
是的，因为一个总是会覆盖另一个，并且您最终会从与管理员的媒体文件相同的文件夹中提供应用程序的媒体文件。这通常不是我们想要的结果。
为什么 url 在“settings.DEBUG”下？如果您不处于调试模式，它会工作吗？
我使用它作为条件，因为它不是您希望在生产中启用的东西，并且通常只有在本地开发时才启用 DEBUG 设置。您应该将您的生产 Web 服务器配置为提供静态文件而不将它们传递给 Django。

【解决方案2】：

Django 已经有 MEDIA_URL 的上下文进程，请参阅Django's documentation。

它应该在 RequestContext 中默认可用（除非您自定义了 CONTEXT_PROCESSORS 并忘记添加它）。

【讨论】：

例如：你也可以按照这个来简化你的本地开发：docs.djangoproject.com/en/1.0/howto/static-files

【解决方案3】：

我通常制作自己的模板简单标签，因为 Django 不提供 CSS/JavaScript 文件。 Apache 这样做，所以我的媒体网址通常是 http://static.mysite.com。

yourApp/templatetags/media_url.py：

from django.template import Library
from yourapp.settings import MEDIA_URL
register = Library()

@register.simple_tag
def media_url():
    return MEDIA_URL

在我的模板文件中：

{% load media_url %}
<link href="{{ media_url }}css/main.css" rel="stylesheet" type="text/css">

您也可以使用your own context preprocessor 在每个模板中添加 media_url 变量。

【讨论】：

或者你可以只使用 django.core.context_processors.media，它是内置的并且做同样的事情。
啊我应该知道的！我非常渴望制作自己的模板标签，以至于我错过了！
@Carl Meyer：迄今为止的最佳答案。谢谢。
“Django 没有提供 CSS/JavaScript 文件”——“给予”是什么意思？

【解决方案4】：

我只是使用绝对命名。除非您在深路径中运行该站点（或者即使您是），否则我会放弃 .. 并选择以下内容：

<link rel="stylesheet" type="text/css" href="/media/styles.css">

【讨论】：

【解决方案5】：

我有几个想法，我不知道哪一个适合我:)

确保使用尾部斜杠，并使其与 MEDIA_URL 设置不同（因为不能将相同的 URL 映射到两组不同的文件）。

来自http://docs.djangoproject.com/en/dev/ref/settings/#admin-media-prefix

其次，您可能将文件系统上的目录与 url 路径混淆了。尝试使用绝对网址，然后细化它们。

【讨论】：

【解决方案6】：

只是以为我会很快插话。虽然这里的所有建议都很好，而且我在开发时确实使用了 Ty 的示例，但是一旦您投入生产，您可能希望选择通过直接 Apache 或您正在使用的任何其他服务器来提供文件。

我所做的是在完成开发后设置一个子域，并替换所有指向静态媒体的链接。例如：

<link rel="stylesheet" type="text/css" href="http://static.mydomain.com/css/style.css" />

这样做的原因有两个。首先，在不需要时让 Django 处理这些请求似乎会更慢。其次，由于大多数浏览器实际上可以同时从 3 个不同的域下载文件，因此为静态文件使用第二个子域实际上会加快用户的下载速度。

【讨论】：

【解决方案7】：

要添加的另一件事是，如果您在子域/不同域上有单独的媒体服务器，您可以禁用静态媒体的 cookie。节省一点处理和带宽。

【讨论】：