静态文件
在blog_project项目的settings.py上配置
静态文件是指 网站中的 js, css, 图片,视频等文件,新建一个static文件夹来存放他们
引用static文件夹,在settings.py末尾加上:
STATICFILES_DIRS = (
os.path.join(BASE_DIR, 'static'),
)
注意这是元组,需要逗号
然后html 文件就可以引用静态文件了
①html 文件头部填写 {% load staticfiles %}
②路径href内容填写 {% static 'css/xx.css' %}
如:
{% load staticfiles %}
<link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css">
<script type="text/javascript" src="{% static 'test.js' %}"></script>
<img class="img" src="{% static 'images/logos/Google_Translate_Icon.png' %}">
也可以访问静态文件:
localhost:8000/static/css/...
localhost:8000/static/images/...
实例:
templates创建test.html,配置url略
{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="{% static 'test.css' %}" type="text/css">
<script type="text/javascript" src="{% static 'test.js' %}"></script>
</head>
<body>
123
<button οnclick="fn()">按钮</button>
</body>
</html>
static创建test.css、test.js
test.css
body{
background-color: pink;
}
test.js
function fn() {
alert("hello");
}