blocks|key|1699003|text|如果您使用的是开发服务器，请遵循django+project's+how-to+guide+for+managing+static+files来设置您的网址，然后在模板中引用您的媒体文件--例如，来自/site_media/images/foo.gif的图像文件夹中的图像。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1699004|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.djangoproject.com/en/dev/howto/static-files/^0|2S|Q|G|1J|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

If you're using the development server follow the <a href="http://docs.djangoproject.com/en/dev/howto/static-files/" rel="nofollow noreferrer">django project's how-to guide for managing static files</a> to setup your URL's, then reference you media files in the template -- say, an image inside an image folder from <code>/site_media/images/foo.gif</code>.

blocks|key|1483881|text|在django中使用css的最简单方法是将其作为静态文件添加到模板中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1483882|但它有点像ajax，我没有找到任何说明如何以标准方式包含它的东西。|1483883|如果你想优化它的大小，有一个用于django的css-compressor模块。|offset|length|1483884|entityMap|0|LINK|mutability|MUTABLE|url|http://github.com/dziegler/django-css^0|0|0|N|E|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@$F|S|G|T|1|U]]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

Well the easiest way to use css with django, is to add it to your templates as static-files.

But it's a bit like ajax, I didn't find anything that tells how to include it in a standard way.

There is a <a href="http://github.com/dziegler/django-css" rel="nofollow noreferrer">css-compressor</a> module for django if you want to optimise its size.

blocks|key|1699120|text|官方的django文档对我没有帮助。希望这篇博文"Django:+How+to+serve+static+files“能对你们有所帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1699121|entityMap|0|LINK|mutability|MUTABLE|url|http://twigstechtips.blogspot.com/2009/08/django-how-to-serve-media-files-css.html^0|P|X|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

The official django docs didn't help me. Hope the blog post "<a href="http://twigstechtips.blogspot.com/2009/08/django-how-to-serve-media-files-css.html" rel="noreferrer">Django: How to serve static files</a>" helps some of you.

blocks|key|1699163|text|这也给我带来了一段时间的问题(404没有发现错误)。对我来说，遗漏的部分是编辑settings.py中的STATICFILES_DIRS元组，使我获得以下代码：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1699164|STATICFILES_DIRS+=+(
++++#+Put+strings+here,+like+"/home/html/static"+or+"C:/www/django/static".
++++#+Always+use+forward+slashes,+even+on+Windows.
++++#+Don't+forget+to+use+absolute+paths,+not+relative+paths.
++++os.path.join(os.path.dirname(__file__),'media').replace('\\','/'),
)|code-block|syntax|javascript|1699165|然后在django项目顶层的一个名为“media”的文件夹中找到了我的CSS文件。|1699166|我还有：|1699167|MEDIA_ROOT+=+''
MEDIA_URL+=+''
STATIC_ROOT+=+''
STATIC_URL+=+'/media/'|1699168|(请确保您在STATIC_URL中具有上述领先的/+)|1699169|当然，如上所述，您需要将CSS文件正确地包含在html文件中。我有：|1699170|<link+href="{{+STATIC_URL+}}css/ea_base.css"+rel="stylesheet"+type="text/css"+media="screen"+/>|1699171|entityMap^0|1G|G|0|0|0|0|0|6|A|O|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|13|8|@]|D|@]|E|$]]|$1|O|3|P|5|H|7|14|8|@]|D|@]|E|$I|J]]|$1|Q|3|R|5|6|7|15|8|@$9|16|A|17|B|C]|$9|18|A|19|B|C]]|D|@]|E|$]]|$1|S|3|T|5|6|7|1A|8|@]|D|@]|E|$]]|$1|U|3|V|5|H|7|1B|8|@]|D|@]|E|$I|J]]|$1|W|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|X|$]]

This caused me problems too for a while (404 not found errors). The missing bit for me was to edit the <code>STATICFILES_DIRS</code> tuple in settings.py to give me this:

<pre><code>STATICFILES_DIRS = (
 # Put strings here, like "/home/html/static" or "C:/www/django/static".
 # Always use forward slashes, even on Windows.
 # Don't forget to use absolute paths, not relative paths.
 os.path.join(os.path.dirname(__file__),'media').replace('\\','/'),
)
</code></pre>

This then picked up my CSS files in a folder called 'media' that was at the top level of my django project.

I also had:

<pre><code>MEDIA_ROOT = ''
MEDIA_URL = ''
STATIC_ROOT = ''
STATIC_URL = '/media/'
</code></pre>

(make sure you have the leading <code>/</code> above in <code>STATIC_URL</code>)

Of course, as said above, you need to have the CSS file properly included from your html files. I had:

<pre><code>&lt;link href="{{ STATIC_URL }}css/ea_base.css" rel="stylesheet" type="text/css" media="screen" /&gt;
</code></pre>

I am creating my application using Django, and am wondering how I can make Django use my CSS file? What settings do I need to do to make Django see the css file?

NB: On a local machine

How do I use CSS in Django?

服务器

Windows

Django

我正在使用Django创建我的应用程序，我想知道如何让Django使用我的CSS文件？我需要做什么设置才能让Django看到css文件？注意:在本地机器上

问如何在Django中使用CSS？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Django中使用CSS？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Django中使用CSS？
EN