Django 解決外部css導入無效的問題

最新推荐文章于 2024-10-06 06:13:14 发布

weixin_50539579

最新推荐文章于 2024-10-06 06:13:14 发布

阅读量749

点赞数 1

文章标签： html5 django python

本文链接：https://blog.csdn.net/weixin_50539579/article/details/111504738

版权

本文介绍了在Django项目中遇到外部CSS导入无效的问题时，如何进行解决。首先，将CSS文件放入static文件夹，该文件夹与templates和应用同级。接着，在settings.py中添加'django.contrib.staticfiles'到INSTALLED_APPS，并配置STATIC_URL和STATIC_ROOT。最后，确保在HTML文件中正确引用静态文件，使用'{% load static %}'并用'{% static 'css文件名'%}'的方式引入CSS。

摘要由CSDN通过智能技术生成

Django 解決外部css導入無效的問題的方法：
1.css文件放到static文件夾內，static文件夾放在根目錄里，與templates,app同一級目錄：
在这里插入图片描述

2.settings.py里加入：
2.1：
INSTALLED_APPS = [
‘django.contrib.admin’,
‘django.contrib.auth’,
‘django.contrib.contenttypes’,
‘django.contrib.sessions’,
‘django.contrib.messages’,
‘django.contrib.staticfiles’,#注意這項必須有
‘login’,
]

2.2：
STATIC_URL = ‘/static/’
STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR), ‘static’)
STATICFILES_DIRS = [
os.path.join(os.path.dirname(file), ‘…/static/’).replace(’\’, ‘/’),
os.path.join(BASE_DIR, ‘static’), # 注意括号后面的还有个逗号
(“css”, os.path.join(STATIC_ROOT, ‘css’)),
(“js”, os.path.join(STATIC_ROOT, “js”)),
]

3.Html里引用：
3.1&#x