HTML 简历模板 · 5 种风格

全部按 A4(210 × 297mm)排版,打印/导出 PDF 已做专项优化。示例内容可直接替换为你的真实经历。

A4 纵向 · 210×297mm @page 边距已设定 自动断页保护 背景色强制打印 单文件 · 无外部依赖

选择模板

01 · 经典单栏

居中抬头 + 单栏时间序。信息密度稳、阅读顺序清晰,投递任何行业都不出错。
通用传统行业内容多
打开模板 →

02 · 深色侧栏双栏

左侧深板岩信息栏 + 右侧主内容,含头像位与技能条。视觉冲击强,一页搞定。
互联网设计感一页纸
打开模板 →

03 · 顶部通栏 + 双栏

满宽墨绿色带抬头,正文左右分栏。经历与技能并重,单页能装的信息量最大。
技术岗信息量大右栏辅助
打开模板 →

04 · 极简黑白(编辑风)

零色彩,靠字号层级、细线和中英双标建立秩序。最省墨,黑白复印依旧体面。
咨询/法律学术外企多页友好
打开模板 →

05 · 时间轴(砖红)

左侧年份轴串起履历,顶部三组数据亮点先行。适合强调成长曲线与量化成果。
成长曲线数据导向有记忆点
打开模板 →

打印设置(很重要,影响成品)

浏览器打印 / 导出 PDF

  1. 打开模板后按 Ctrl + P(Mac 为 ⌘ + P)。
  2. 纸张选 A4,方向 纵向
  3. 边距选 「默认」——模板的页边距已写在 CSS 里,别再叠加自定义边距。
  4. 展开「更多设置」,勾选 「背景图形」/「背景颜色和图像」,否则色块、色带、技能条会全部丢失。
  5. 缩放保持 100%,不要选「适应页面」——会破坏 A4 尺寸比例。
  6. 目标选「另存为 PDF」即可得到可直接投递的 PDF。

纸质打印注意

  • 100% 原始比例打印,别用「缩放到纸张」。先在打印预览里量一下:内容框应为 210mm 宽。
  • 纸张建议 80g 以上的纯白纸(不用米黄/彩色纸,会跟主色打架)。
  • 只有一页时,单面打印效果最好;两页以上建议双面,并保证第二页顶部不留大空白。
  • 黑白激光打印时,模板 01/04 效果最稳;02/03/05 的深色块在低端打印机上可能显脏。
常见坑:导出 PDF 后发现少了深色侧栏或色带 → 99% 是没勾「背景图形」。重新导出即可,不用改代码。

怎么改成你自己的内容

  1. 用记事本、VS Code 或任意编辑器打开 template-0X-xxx.html,它就是一个纯文本文件。
  2. 每个文件里都有中文注释路标,例如 <!-- ============ 工作经历 ============ -->,照着往下改就行。
  3. 姓名、电话、邮箱、城市在抬头区;经历、项目、教育是重复的「条目块」,复制一整块就能加一段经历。
  4. 技能条的长度改 style="width:88%" 里的百分比即可。
  5. 换主色:全文件的颜色都写成十六进制,用「查找替换」把主色值(如 #1F3A5F)整体换掉。
  6. 加照片(模板 02):把 <img src="photo.jpg"> 那行的注释放开,把照片放到 html 同目录即可。建议正方形、≥600px。
  7. 想让某段内容强制换到第二页:给它加上 class="page-break"
  8. 控制篇幅:应届 / 3 年以内建议 1 页,5 年以上最多 2 页。一页装不下的优先级:删「自我评价」→ 合并短条目 → 精简每条 bullet 到一行。