【Django】静态文件

静态文件包括图片、JavaScript和CSS。

官方文档：

• https://docs.djangoproject.com/en/stable/howto/static-files/
• https://docs.djangoproject.com/en/stable/ref/contrib/staticfiles/

静态文件查找目录：每个应用目录下的static目录（需手动创建），其中再创建一个和应用名相同的目录，例如mysite/polls/static/polls/style.css

另外可使用STATICFILES_DIRS设置指定额外的查找目录。

1.配置静态文件

如果INSTALLED_APPS中包含了django.contrib.staticfiles，则在Debug==True时Django会自动查找静态文件，而Debug==False时访问静态文件会报404，此时要手动配置。

（1）确认INSTALLED_APPS包含django.contrib.staticfiles。

（2）在settings.py中添加

STATIC_URL = '/static/'
STATIC_ROOT = '/path/to/static'

分别指定静态文件URL前缀和collectstatic命令存放静态文件的位置。

（3）在整个项目的URLconf中添加提供静态文件的视图

Django提供静态文件的视图是django.views.static.serve

from django.conf import settings
from django.views import static

urlpatterns = [
    ...
    path('static/<path:path>', static.serve, {'document_root': settings.STATIC_ROOT}, name='static'),
]

其中"static/"前缀对应STATIC_URL设置，"<path:path>"的第一个path表示匹配URL路径（见Path converters），第二个path表示将匹配结果传递给视图serve()的path参数。

（4）部署代码后运行python manage.py collectstatic命令，Django将把所有用到的静态文件拷贝到STATIC_ROOT指定的目录下。

完成以上步骤后即可正常访问静态文件。

2.引用静态文件

在HTML模板中的引用方式：

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

admin应用使用的静态文件：django/contrib/admin/static。

一个很好的HTML背景图片网站：https://www.toptal.com/designers/subtlepatterns/