Django中如何根据变量名仅加载存在的CSS文件？

我来帮你搞定这两个问题：首先是static模板标签里嵌套变量的写法，然后是如何只加载存在的CSS文件。

一、static标签正确拼接变量的写法 #

你之前尝试的{% static "core/css/{{ site.id }}.css" %}没法工作，是因为Django的模板标签不会解析自身参数里的模板变量（也就是引号里的{{ site.id }}不会被渲染）。正确的做法是用模板过滤器把字符串和变量拼接起来：

<link rel="stylesheet" href="{% static 'core/css/'|add:site.id|add:'.css' %}" />

如果觉得一行拼接太乱，也可以用with标签先组合好完整路径，可读性更好：

{% with custom_css_path='core/css/'|add:site.id|add:'.css' %}
<link rel="stylesheet" href="{% static custom_css_path %}" />
{% endwith %}

二、仅加载存在的CSS文件 #

Django模板本身没有内置方法直接检查静态文件是否存在（因为静态文件可能存本地、CDN或云存储，模板层无权访问文件系统/远程资源），所以有两种常用方案：

方案1：在视图中提前检查文件状态 #

在视图函数里构建静态文件的绝对路径，判断是否存在后把结果传给模板，模板再根据这个布尔值决定是否加载：

from django.conf import settings
from django.shortcuts import render
import os

def your_view(request):
    # 假设你已经获取到了site对象
    css_relative_path = f'core/css/{site.id}.css'
    # 拼接静态文件的绝对路径（基于STATIC_ROOT）
    css_absolute_path = os.path.join(settings.STATIC_ROOT, css_relative_path)
    # 检查文件是否存在
    has_custom_css = os.path.exists(css_absolute_path)

    return render(request, 'your_template.html', {
        'site': site,
        'has_custom_css': has_custom_css,
        'css_relative_path': css_relative_path
    })

然后在模板里判断加载：

{% if has_custom_css %}
<link rel="stylesheet" href="{% static css_relative_path %}" />
{% endif %}

方案2：自定义模板标签复用检查逻辑 #

如果多个模板都需要这个功能，推荐写一个自定义模板标签，这样不用在每个视图里重复代码：

1. 在你的app目录下创建templatetags文件夹，里面新建__init__.py和static_check_tags.py（文件名随便取，只要符合规范）

2. 在static_check_tags.py里写标签逻辑：

from django import template
from django.conf import settings
import os

register = template.Library()

@register.simple_tag
def static_file_exists(relative_path):
    # 拼接绝对路径并检查存在性
    absolute_path = os.path.join(settings.STATIC_ROOT, relative_path)
    return os.path.exists(absolute_path)

3. 在模板里加载并使用这个标签：

{% load static_check_tags %}

{% with custom_css_path='core/css/'|add:site.id|add:'.css' %}
{% if static_file_exists custom_css_path %}
<link rel="stylesheet" href="{% static custom_css_path %}" />
{% endif %}
{% endwith %}

注意事项 #

如果你的静态文件是放在CDN或云存储（比如S3）上的，os.path.exists就不适用了，这时候建议在部署时确保需要引用的文件已经上传，或者通过后台逻辑提前标记哪些站点有自定义CSS，而不是在模板里实时检查（实时HTTP请求检查会影响页面性能）。

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