django block添加css文件

最新推荐文章于 2024-06-16 11:43:23 发布

小青头

最新推荐文章于 2024-06-16 11:43:23 发布

阅读量832

点赞数

分类专栏： Django学习

本文链接：https://blog.csdn.net/xgy123xx/article/details/104034870

版权

Django学习专栏收录该内容

23 篇文章 0 订阅

订阅专栏

django block添加css文件

本来想在django中使用block标签，由于每个页面都需要一个css，最后操作如下

settings.py 文件
设置静态文件地址

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    ("",os.path.join(BASE_DIR,"static"))
]

base_index.html模板文件

{% load static %}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{% block title %}我的空间{% endblock %}</title>
    <link rel="stylesheet" href="{% static 'blog/css/base_index.css' %}">
    {% block css %}

    {% endblock %}
</head>

<body>

</body>

</html>

注意：
开头必须加载static
{% load static %}
使用静态文件

<link rel="stylesheet" href="{% static 'blog/css/base_index.css' %}">
{% block css %}

{% endblock %}

index.html文件
网页文件

{% extends "base_index.html" %}
{% load static %}
{% block css %}
    <link rel="stylesheet" href="{% static 'blog/css/index.css' %}">
{% endblock %}

使用css文件时也要引入static
即可

小青头

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
django block添加css文件

django block添加css文件本来想在django中使用block标签，由于每个页面都需要一个css，最后操作如下settings.py 文件设置静态文件地址STATIC_URL = '/static/'STATICFILES_DIRS = [ ("",os.path.join(BASE_DIR,"static"))]base_index.html模板文件{% l...
复制链接

扫一扫

专栏目录