HTML新手问询：复刻社交媒体教程的home.html页面显示异常

你编写的代码属于Django 服务端模板语法，并非可直接被浏览器解析的纯静态HTML，出现显示异常可按照以下顺序逐点排查：

• 检查运行方式是否正确
  模板中出现的{% extends %}、{{ hello }}、{{ user }}这类语法，必须由Django内置的模板引擎在服务端完成解析、变量替换后，才能生成可被浏览器正常渲染的HTML内容。如果直接双击本地的home.html文件用浏览器打开，浏览器会把所有模板标签、变量名当成普通文本原样显示，完全不会触发渲染逻辑。
  正确的运行流程为：
  1. 将home.html放到Django项目的templates目录对应路径下，确保项目配置里的模板路径识别规则能匹配到这个文件
  2. 在项目的urls.py中配置对应访问路由，绑定关联该模板的视图函数，同时确认视图中已经给模板传递了hello、user两个上下文变量
  3. 在项目根目录执行python manage.py runserver，通过本地开发服务的对应地址访问页面，不要直接打开本地文件路径
• 检查基础模板的块定义是否匹配
  你的子模板通过{% extends 'base.html' %}继承了基础模板，需要确认templates目录下确实存在同名的base.html文件，且文件内明确定义了{% block title %}、{% block content %}、{% block scripts %}三个可被子模板重写的块，否则子模板的内容会无法嵌入到基础模板的对应位置，出现布局错乱、内容缺失。
• 检查前端依赖的加载顺序
  脚本中使用了$(document).ready()的jQuery语法，需要确认base.html中在scripts块渲染的位置之前，已经引入了jQuery资源，如果缺少这一步，浏览器控制台会报$ is not defined的错误，对应的交互逻辑完全无法运行。

额外注意：你代码中在content、scripts块里写的<br>、<script>是转义后的HTML字符，模板引擎会将其作为普通文本输出到页面，不会解析为对应的换行标签、脚本标签，需要替换为原生的<br>、<script>写法即可。

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