简易Flask项目启动后访问出现空白页，无法正常渲染预期内容

问题根因 #

Jinja2模板继承的块名不匹配：父模板layout.html中预留的可填充块名为body，但子模板index.html中实际填充的块名为main，二者名称不一致导致子模板的内容无法插入到父模板的对应位置，最终页面无可见内容。

修复方案 #

任选以下任意一种方案修改即可：

• 修改layout.html的块名，与子模板保持一致：将<body>标签内的{% block body %}{% endblock %}替换为{% block main %}{% endblock %}
• 修改index.html的块名，与父模板保持一致：将{% block main %}和对应的结束标记{% endblock %}修改为{% block body %}和{% endblock %}

修改完成后重启Flask服务，刷新页面即可看到预期的hello内容。

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