Question

/project_root/
manage.py
    /project/
        /static/
            /css/
            /js/
            /img/
        /media/
        settings.py
        urls.py

这是我的文件夹结构。我的settings.py就像：

这是我的settings.py：

STATIC_ROOT = os.path.join(PROJECT_ROOT, 'static/')

STATIC_URL = '/static/'

STATICFILES_DIRS = (
    os.path.join(PROJECT_ROOT, 'staticfiles'),
)

STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
 #  'django.contrib.staticfiles.finders.DefaultStorageFinder',
)

urls.py:

urlpatterns = patterns('',

    url(r'^$', 'employee.views.index'),    
    url(r'^admin/', include(admin.site.urls)),
)+ static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

urlpatterns += staticfiles_urlpatterns()

tempates：

{% load static %}
{% load staticfiles %}

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="{{ STATIC_URL }}img/logo48.png" rel="SHORTCUT ICON" />
<link href="{{ STATIC_URL }}css/master.css" rel="stylesheet" type="text/css" media="screen">
<link href="{{ STATIC_URL }}css/custom.css" rel="stylesheet" type="text/css" media="screen">

在视图源中我可以看到：

<link href="/static/css/master.css" rel="stylesheet" type="text/css" media="screen">
<link href="/static/css/custom.css" rel="stylesheet" type="text/css" media="screen">
<link href="/static/css/fixes.css" rel="stylesheet" type="text/css" media="screen">

但是css没有加载到我的模板文件中。请指导我。

Answer 1

请注意，如果您使用的是内部django开发服务器，则此答案不适用。

您是否在Apache设置中为/static/添加了别名？如果没有，任何对该文件夹的调用都将导致404错误，这意味着您的CSS将无法加载。这是我的意思的一个例子：

<VirtualHost *:80>
    ServerName www.example.com
    WSGIScriptAlias / "/path/to/project/project/wsgi.py"

    DocumentRoot "/path/to/project"
    <Directory "/path/to/project">
        <Files wsgi.py>
            Order deny,allow
            Allow from all
        </Files>
    </Directory>

    Alias /media/ "/path/to/project/media/"
    <Directory "/path/to/project/media/">
        Order deny,allow
        Allow from all
    </Directory>

    Alias /static/ "/path/to/project/static/"
    <Directory "/path/to/project/static/">
        Order deny,allow
        Allow from all
    </Directory>
</VirtualHost>

Answer 2

将STATIC_ROOT留空。

在STATICFILES_DIRS：

中添加此内容

os.path.join(PROJECT_ROOT, 'static/')

确保上面的代码包含：/project_root/project/static

在urls.py中删除这些无用的行：

+ static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

urlpatterns += staticfiles_urlpatterns()

运行./manage.py collectstatic

应该工作。

修改

由于您已完成{% load static %}，因此无需执行{{ STATIC_URL }}/..

{% load staticfiles %} <img src="{% static "my_app/myexample.jpg" %}" alt="My image"/>

会奏效。

无法在django 1.5中的模板中加载css

2 个答案: