应将文件名改为标准的index.html，因为index.html\_index.html不是合法HTML文件名，Web服务器和浏览器均无法识别，会导致404或打开失败。
为什么浏览器打不开 index.html\_index.html？
这不是一个合法的 HTML 文件名，绝大多数 Web 服务器和本地双击打开行为都会拒绝识别或直接报错。系统层面它只是一个带下划线的普通文件，没有 MIME 类型映射，index.html\_index.html 不会被当作 HTML 解析——连渲染引擎都不会启动。
常见错误现象：
• 双击后弹出“无法打开此文件”或用文本编辑器打开
• 通过 http-server 或 python -m http.server 启动后返回 404
• GitHub Pages / Vercel 等平台完全忽略该文件
- Web 服务默认只认
index.html、index.htm（少数支持default.html） - 下划线不是问题，但后缀必须是
.html或.htm，且不能有额外扩展名（如_index.html是合法文件名，但index.html\_index.html实际被解析为.html\_index.html后缀） - Windows 资源管理器可能隐藏真实扩展名，导致你以为它是
index.html，其实全名是index.html\_index.html
怎么改名才真正生效？
必须确保最终文件名是 index.html，且操作系统不偷偷加后缀。不要依赖重命名界面的“看起来对”，要确认底层名称。
- 在终端里运行
ls -la（macOS/Linux）或dir（Windows CMD）查看真实文件名 - 用命令行强制重命名：
mv index.html\_index.html index.html（Linux/macOS）ren index.html\_index.html index.html（Windows CMD） - 如果用 VS Code 或 Sublime，保存时务必检查右下角状态栏显示的编码和文件类型是否为 “HTML”，且文件名输入框里没多出隐藏字符
- 禁用 Windows 的“隐藏已知文件扩展名”选项（设置 → 文件资源管理器 → 查看 → 取消勾选），否则你看到的
index.html可能实际是index.html.txt或index.html\_index.html
如果真需要区分多个首页文件，怎么办？
靠文件名加下划线不是办法，得用路径或构建逻辑隔离。
立即学习“前端免费学习笔记（深入）”；
- 开发阶段可用不同入口：比如
index-dev.html+index-prod.html，但部署前必须复制/重命名为index.html - 静态站点生成器（如 Hugo、Jekyll）支持模板变量和环境判断，无需手动改名
- 用
npm scripts自动处理："build:staging": "cp src/index-staging.html dist/index.html" - 服务器配置（如 Nginx）可按 Host 或 Header 返回不同
index.html，但文件本体仍叫index.html
容易被忽略的细节：编码与 BOM
就算名字对了，index.html 如果带 UTF-8 BOM 或编码混乱，也会导致部分浏览器白屏、CSS 不加载、JS 报语法错误。
- 用 VS Code 打开后看右下角，确认显示 “UTF-8” 且无 “BOM” 字样；如有，点击编码 → “Save with Encoding” → 选 “UTF-8”（不含 BOM）
- 避免用记事本新建 HTML 文件——它默认存为 ANSI 或带 BOM 的 UTF-8
- 检查第一行是否有多余空格或不可见字符：
head -n1 index.html | cat -A（Linux/macOS）能看到^M或M-oM-?M-?这类 BOM 标记
