Flask中Jinja模板标题设置问题求助：实现默认标题拼接

方法一：拆分通用模板框架（推荐） #

把原来包含首页内容的base.html改造成仅含页面基础框架的通用模板，将首页内容单独放在子模板中，彻底分离框架与页面内容：

1. 重构base.html为通用框架：

<!DOCTYPE html>
<html>
<head>
    <!-- 保留默认的"Home"，用`title_suffix`块接收子页面的标题后缀 -->
    <title>Home{% block title_suffix %}{% endblock title_suffix %}</title>
</head>
<body>
    <!-- 留空的`content`块，让子页面填充自身专属内容 -->
    {% block content %}{% endblock content %}
</body>
</html>

2. 首页（index.html）继承通用框架并填充自身内容：

{% extends 'base.html' %}
{% block content %}
<!-- 这里放置首页的所有内容 -->
<h1>欢迎访问首页</h1>
{% endblock content %}

3. About页面（about.html）继承通用框架，设置标题后缀并填充自身内容：

{% extends 'base.html' %}
{% block title_suffix %}-About{% endblock title_suffix %}
{% block content %}
<!-- 这里放置About页面的内容 -->
<h1>关于我们</h1>
{% endblock content %}

改造后，About页面的标题会自动拼接为Home-About，且仅显示自身内容，不会继承首页的内容。

方法二：使用Jinja宏（无需模板继承） #

如果不想依赖模板继承，可以通过定义宏来复用标题生成逻辑：

1. 创建宏文件macros.html：

{% macro page_title(suffix='') %}
<title>Home{% if suffix %}-{{ suffix }}{% endif %}</title>
{% endmacro %}

2. 首页调用宏生成标题：

{% from 'macros.html' import page_title %}
{{ page_title() }}
<!-- 后续放置首页内容 -->

3. About页面调用宏并传入标题后缀：

{% from 'macros.html' import page_title %}
{{ page_title('About') }}
<!-- 后续放置About页面内容 -->

这种方式完全不需要模板继承，直接通过宏生成符合要求的标题，彻底避免继承首页内容的问题。

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