HTML中{% extends %}块显示为文本未解析问题求助

以下是几个排查方向和解决方法：

• 模板引擎未正确工作
  你用的后端框架（比如Flask、Django）需要专门解析{% ... %}这类模板标签。如果直接返回文件内容而不是用框架的模板渲染方法，标签就会被当普通文本输出。

  • Flask：确保模板放在项目根目录的templates文件夹，启动代码里要初始化Flask实例（app = Flask(__name__)），路由里用return render_template('index.html')返回，不能用open('index.html').read()这类方式返回文本。
  • Django：确认你的app已经在settings.py的INSTALLED_APPS里注册，TEMPLATES配置项包含正确的模板路径，视图里用return render(request, 'index.html')返回模板。

• 错误打开文件方式
  别直接双击本地的index.html文件在浏览器打开，这种方式只会加载纯HTML，不会触发模板引擎解析。必须通过框架的本地服务器访问，比如Flask执行flask run，Django执行python manage.py runserver，然后访问对应本地端口的地址。

• 文件或路径问题

  • 确认模板文件后缀是.html，如果是.txt或其他格式，框架不会用模板引擎处理。
  • 检查base.html是否和index.html在同一个模板目录下，如果在子目录，要写对路径，比如{% extends 'layouts/base.html' %}。
  • 检查模板语法：{% extends 'base.html' %}的引号是英文单引号，没有漏写%}符号。

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