[Django]静态文件：如何在网页中显示图片,css,js等静态文件

翻译整理自Django的官网文档。
具体步骤为：
　　1.在settings.py中添加与修改：

[python] view plain copy

1. # static/file operation  
2. HERE = os.path.dirname(os.path.dirname(__file__))  
3.   
4. # Absolute filesystem path to the directory that will hold user-uploaded files.  
5. # Example: "/home/media/media.lawrence.com/media/"  
6. #MEDIA_ROOT = ''  
7. MEDIA_ROOT = os.path.join( HERE , 'media/').replace('\\','/')  
8. # URL that handles the media served from MEDIA_ROOT. Make sure to use a  
9. # trailing slash.  
10. # Examples: "http://media.lawrence.com/media/", "http://example.com/media/"  
11. #MEDIA_URL = ''  
12. MEDIA_URL = '/media/'  
13.   
14. # Absolute path to the directory static files should be collected to.  
15. # Don't put anything in this directory yourself; store your static files  
16. # in apps' "static/" subdirectories and in STATICFILES_DIRS.  
17. # Example: "/home/media/media.lawrence.com/static/"  
18. STATIC_ROOT = ''  
19. STATIC_PATH = os.path.join( HERE , 'static').replace('\\','/')  
20.   
21. # URL prefix for static files.  
22. # Example: "http://media.lawrence.com/static/"  
23. STATIC_URL = '/static/'  
24. # add property : ADMIN_MEDIA_ROOT BY slider  
25. # ADMIN_MEDIA_ROOT = '/static/admin/'  
26. # Additional locations of static files  
27. STATICFILES_DIRS = (  
28.     # Put strings here, like "/home/html/static" or "C:/www/django/static".  
29.     # Always use forward slashes, even on Windows.  
30.     # Don't forget to use absolute paths, not relative paths.  
31.     os.path.join(HERE,'static').replace('\\','/'),  
32. )  

项目urls.py里的代码：

[python] view plain copy

1. from django.conf import settings  
2. if settings.DEBUG:  
3.     urlpatterns += patterns('',  
4.             (r'^static/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.STATIC_PATH, 'show_indexes':True}),  
5.             )  

然后在模板里面这样引用(这里css文件的目录是 ： 项目根目录/static/forum/csss/base.css)：

[html] view plain copy

1. <link rel="stylesheet" type="text/css" href="/static/forum/css/base.css"/>  

MEDIA_ROOT 用于存放user上传的东西
STATIC_ROOT用于存放网站自己的js,css,图片