如何在Django多应用模板中引用全局静态文件main_style.css？

1. 修正模板中的CSS引用代码 #

你当前模板里的link标签有两处问题：一是rel属性值不符合HTML标准，二是未使用Django静态文件标签生成正确路径。替换为以下代码即可：

{% load static %}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IntelliHub</title>
<link rel="stylesheet" href="{% static 'css/main_style.css' %}">

• rel="stylesheet"是HTML引用样式文件的标准属性值，必须正确设置
• {% static 'css/main_style.css' %}会根据settings.py的配置自动生成合法的静态文件访问URL

2. 优化settings.py的路径配置 #

你的STATICFILES_DIRS路径存在转义风险，建议修改为正斜杠写法：

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

• STATIC_ROOT仅在生产环境执行python manage.py collectstatic命令时用到，开发阶段无需额外操作

3. 验证配置是否生效 #

启动开发服务器后：

• 查看页面源代码，确认link标签的href属性值为/static/css/main_style.css
• 直接在浏览器地址栏访问该URL，若能看到CSS文件内容，说明配置成功

内容的提问来源于stack exchange，提问作者Pv33_