博客

应用的定制化：静态文件

首先，在

polls

目录中创建一个名叫

static

的目录。Django会在该目录里面查找静态文件，类似于Django在

polls/template

目录下查找模板文件。

Django的

静态文件查找器

配置包含了一系列的查找器，这些查找器知道如何从不同的源文件中查找静态文件。默认的

AppDirrectoriesFinder

查找器，会在每个

INSTALLED_APPS

中查找”static”子目录，就像我们刚才在

polls

创建的。

在

static

目录中，创建

polls

目录，在该目录中创建

style.css

文件；换句话说，样式表的目录为：

polls/static/polls/style.css

。由于静态文件查找器

AppDirenctoriesFinder

的工作，我们可也以像下面这面简单的创建静态文件

polls/style.css

，类似于模板路径。

编辑

polls/static/polls/style.css

文件，添加如下代码：

li a {
    color: green;
}

接下来，在

polls/templates/polls/index.html

文件的头部添加如下代码：

{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}" />

{% static %}

模板标签生成静态文件的绝对URL。重新访问http://localhost:8000/polls/，看到如下图所示：

我们看到问题链接显示绿色，说明我们的样式产生作用。

添加背景图片


接下来，我们将为图片创建一个子目录，在

polls/static/polls/

目录中创建

images

子目录。在该目录中放置一张名叫

background.gif

的图片，换句话说，将图片放目录

polls/static/polls/images/background.gif

。

现在来添加样式，打开

polls/static/polls/style.css

文件，添加如下代码：

body{
    background: white url("images/background.gif") no-repeat;
}

刷新http://localhost:8000/polls/页面，我们将会看到页面的左上方加载了背景图片。

上面只是对静态文件的基本应用，更多信息参考

静态文件参考

。