【问题标题】:referencing css files with django用 django 引用 css 文件
【发布时间】:2011-05-24 06:43:23
【问题描述】:

我是 Django 框架的新手,在遵循包含 CSS 文件的文档时遇到了一些麻烦。

我在 settings.py 中设置了媒体根目录 MEDIA_ROOT = '/home/daniel/django/site1/media/'

MEDIA_URL = '/static/'

在其中我有我的 css 文件夹和文件

/home/daniel/django/site1/media/css/style.css

现在如何在我的 html 文件中引用 CSS 文件?

由于我在本地开发中,我已经完成了 Django 文档发送的内容并将 MEDIA_URL 保留为“/static/”。

然后引用这些文件,我是否已经这样做了,但无济于事。

有人可以指点我正确的方向吗?

谢谢,

【问题讨论】:

    标签: css django


    【解决方案1】:

    你应该能够像这样包含你的CSS:

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

    此外,如果您正在运行 django 开发服务器,则必须启用静态文件服务。 尝试将以下内容添加到您的 urls.py:

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

    请注意,对于生产用途,您应该在 django 中禁用静态文件服务,并配置您的网络服务器以接管静态内容的服务。

    【讨论】:

    • 恐怕不行,我之前试过
    • 也是。
    • 你在使用 django 开发服务器吗?如果是这样,您是否启用了静态文件服务?
    • 是的,我是。但这些会自动启用,除非您选择使用另一台服务器进行本地开发。
    • "另外,如果您正在运行 django 开发服务器,则必须启用静态文件服务。尝试将以下内容添加到您的 urls.py: (r'^static/(?P.*)$', 'django.views.static.serve', {'document_root': settings.MEDIA_ROOT}),"
    【解决方案2】:

    附加到urls.py:

    from django.db import settings
    # Media (development)
    # Serves media content. WARNING!! Only for development uses.
    # On production use lighthttpd for media content.
    # Set DEBUG to False in production.
    if settings.DEBUG:
        # Delete the first trailing slash, if any.
        if settings.MEDIA_URL.startswith('/'):
            media_url = settings.MEDIA_URL[1:]
        else:
            media_url = settings.MEDIA_URL
    
        # Add the last trailing slash, if have not.
        if not media_url.endswith('/'):
            media_url = media_url + '/'
    
        urlpatterns += patterns('',
            (r'^' + media_url + '(?P<path>.*)$', 'django.views.static.serve',
                {'document_root': settings.MEDIA_ROOT}
            ),
        )
    

    然后在你的模板中:

    <link rel="stylesheet" href="{{ MEDIA_URL }}css/style.css" /> 
    

    【讨论】:

      猜你喜欢
      • 2012-09-23
      • 2012-06-07
      • 2021-06-29
      • 2011-03-11
      • 1970-01-01
      • 2013-10-09
      • 2012-04-04
      • 2011-08-28
      • 2013-07-28
      相关资源
      最近更新 更多