如何将Word文档转换成index.html？
作者：袖梨
2026-07-22
直接用Word「另存为网页」可生成index.html，但需手动在保存时输入文件名index.html、选择“网页(.htm;.html)”格式，并勾选“保存所有嵌入文件”，否则图片丢失或路径错误导致页面异常。
直接用 Word 的「另存为网页」功能就能生成 index.html，但默认不会自动命名为 index.html，需要手动改名或在保存时指定——这是最常被忽略的第一步。
保存时手动输入 index.html 作为文件名
Word 的「另存为网页」不提供「设为首页」选项，它只按你输的文件名保存。如果你希望输出就是 index.html，关键不是选对格式，而是填对名字：
- 打开 Word 文档 → 「文件」→ 「另存为」→ 点击「浏览」
- 在「文件名」输入框里**直接输入
index.html**（不要加空格、中文或多余后缀） - 「保存类型」必须选「网页(*.htm; *.html)」
- 点「保存」，弹出「网页选项」时，建议勾选「保存所有嵌入文件」，否则图片可能丢失
不这么做，Word 默认会用文档标题命名，比如 年度报告.html，后续还得重命名，还可能因系统缓存导致浏览器仍加载旧文件。
导出后检查 index.html 是否真能独立运行
Word 生成的 HTML 默认是「单页 + 外部资源」模式：图片、CSS 单独存进同名文件夹（如 index_files/）。如果把 index.html 单独挪走，页面就变白板。
立即学习“前端免费学习笔记（深入）”；
- 确认生成结果包含两个东西：
index.html+index_files/文件夹 - 用浏览器**双击打开
index.html**（不是用 VS Code 预览插件），看图片和样式是否正常 - 如果图片显示为红叉，大概率是路径错位——别移动
index.html，必须连同index_files/一起部署到服务器根目录
想彻底避免依赖文件夹？只能选「单个文件网页(.mht)」再转，但 .mht 本身不能被浏览器直接当首页用，还得额外转一次，得不偿失。
用 pandoc 生成更干净的 index.html
如果你的 Word 文档不含复杂文本框、艺术字或 VBA，pandoc 生成的 index.html 更轻量、语义更准，适合放进静态站点根目录直接当首页：
- 安装 pandoc 后，在终端执行：
pandoc document.docx -o index.html --standalone --embed-resources -
--standalone确保生成完整 HTML（含<head>和基础结构） -
--embed-resources把图片 base64 编码进 HTML，省去外部文件夹 - 生成的
index.html是单文件，拖到任何支持 HTML 的环境都能开
注意：pandoc 不保留 Word 中的绝对定位、页眉页脚、批注，但它不会把「标题 1」错标成 <p>，这点比 Word 原生导出可靠得多。
真正麻烦的从来不是怎么生成 index.html，而是生成之后没人检查它在真实浏览器里是否加载了全部资源——尤其当你把它扔进 GitHub Pages 或 Netlify 时，路径错一个斜杠，图片就全军覆没。
