the*_*row 37 django django-static
我的CSS文件中有一个引用静态图像的引用:
#logo
{
background: url('/static/logo.png')
}
这在我的开发机器上运行得很好,但在我的生产环境中没有,因为url应该是static.mydomain.com/logo.png.如何根据设置文件中的STATIC_URL动态更改css文件？
Ric*_*lli 34
使用相对路径.相对于css文件所在的文件夹
Nex*_*xus 13
您可以将包含静态文件路径的任何CSS移动到模板中包含的内联CSS.
即
<div style="background: url('{% static 'logo.png' %}')"></div>
这里的问题是它不适用于@media查询,你需要将它们放在一个块中,例如
<style>
@media (min-width: 1200px){
background: url('{% static 'logo.png' %}');
}
</style>
小智 12
如果你想{% static %}在你的 CSS 文件中使用标签，你应该使用 {% include %} 标签。这是一个这样做的例子：
foo.html
{% load static %}
{% load i18n %}
{% load widget_tweaks %}
<!DOCTYPE html>
<html>
<head>
<style>
{% include "path/to/custom_styles_1.css" %}
</style>
<link rel="stylesheet" href="{% static 'css/custom_styles_2.css' %}">
</head>
<body>
<!-- Your HTML body -->
</body>
</html>
custom_styles_1.css
{% load static%}
{
background: url('{% static "/img/logo.png" %}')
}
custom_styles_2.css
.fa {
position: relative;
text-align: center;
font-family: BTitrBold;
font-size: 3.5em;
}
.name {
position: absolute;
top: 37%;
right: 15%;
}
.school {
position: absolute;
top: 530px;
right: 200px;
}
.id {
position: absolute;
top: 700px;
right: 200px;
}
.degree {
position: absolute;
top: 740px;
left: 195px;
}
custom_styles_1.css是包含{% static %}标签的 CSS 文件。您应该将它与带有{% include %}标记的 foo.html 文件集成。这样，Django 就会把你需要的所有样式放在合适的地方，并正确渲染静态标签。
custom_styles_2.css是一个位于STATIC_ROOT目录中的普通 CSS 文件，因此您可以{% static %}毫无问题地使用标签。
小智 12
使用基本目录中的绝对 URL，这将指向应用程序内静态文件夹中的任何文件
设置.py：
STATIC_URL = '/static/'
样式.css：
background-image: url('/static/img/sample.jpg');
进行所需操作的唯一方法是通过Django生成CSS。HTML通常与Django视图和模板相关联，但实际上，您可以返回任何文件类型：CSS，JavaScript，纯文本等。但是，这样做会增加网站的开销，因此请设置适当的HTTP标头和服务器端缓存生成的文件将非常重要。
基本方法：
return render_to_response('stylesheet.css',
{ 'domain': 'http://static.mydomain.com/' },
context_instance=RequestContext(request),
mimetype='text/css'
)
或者，您可以在系统上设置主机，以将静态域映射回localhost以进行开发。然后，您可以正常引用该域，但仍会从您的开发文件中提取该域。另外，如果您碰巧在系统上安装了Ruby，则可以使用称为Ghost的rubygem。它使您可以直接从命令行轻松地创建，启用，禁用和删除自定义主机，而不必大惊小怪。
| 归档时间： |
|
| 查看次数： |
30669 次 |
| 最近记录： |