简历模板 · A4 打印版（4 个版本）

打印前必看

用 Chrome 或 Edge 打开模板

双击对应的 .html 文件即可，建议不要用 IE / 旧版内核浏览器。

先「另存为 PDF」检查

Ctrl + P，目标打印机选「另存为 PDF」，先看版式对不对，再上打印机。

纸张 A4，缩放 100%

不要选「适合页面」，缩放必须保持默认 / 100%，否则字号会被压缩变形。

边距按模板要求设置

经典单栏、极简时间轴、创意色块选「默认」；现代双栏必须选「无」。

必须勾选「背景图形」

在「更多设置」里。不勾选的话色块、竖线、技能条全部会消失。

关掉页眉页脚

取消「页眉和页脚」，否则纸上会出现网址和页码。

打印出来的页数不对？ 四个模板都按「一页 A4」调校，内容再添加就会自动流到第二页。已给所有经历条目加了防截断（break-inside: avoid），不会出现一段经历被切成两半的情况。如果第二页只剩一两行，优先精简最早的实习或校园经历。

四个版本

01 · 经典单栏

稳重保守

宋体正文 + 黑体标题，黑白灰配色，方正的单栏结构。没有任何装饰性元素，是国内传统招聘场景里最不容易出错的版本。

适用：国企、银行、事业单位、教师岗、公务员简历附件

打开并打印

02 · 现代双栏

层次最强

左侧通版浅色信息栏承载联系方式、技能条与证书，右侧主栏留给经历。招聘方扫一眼就能抓到关键信息。

适用：互联网、外企、通用岗位 · 打印边距选「无」

打开并打印

03 · 创意色块

视觉冲击

顶部深青色渐变色块 + 圆形头像位 + 三张核心优势卡片，底部双栏放技能条和标签。留了照片位置。

适用：产品、设计、运营、品牌市场 · 务必勾选背景图形

打开并打印

04 · 极简时间轴

清爽克制

左侧时间列 + 中轴圆点，全无边框，靠字号字重和留白建立层级。信息密度最高，但阅读压力最小。

适用：技术研发、数据分析、咨询、学术方向

打开并打印

怎么改成自己的内容

要改的地方	怎么做
文字内容	用记事本或 VS Code 打开 html，直接替换 `林清和`、`华东师范大学` 等示例文案。示例里的实习公司均为虚构名称，请整段替换。
放证件照	把照片放到同一目录，在 `02-现代双栏` 里找到 `<div class="avatar">林</div>`，改成 `<div class="avatar"><img src="photo.jpg" alt=""></div>`；创意版同理，替换 `hero__avatar` 里的内容。
换主题色	改 `:root` 里的变量即可，全篇随之变化。下面是对应色值。
经典单栏	`--ink: #16181c` 纯黑白灰，建议不要加彩色，反而更稳。
现代双栏	`--navy: #1f4e79` 深藏蓝。换成深灰 `#374151` 或酒红 `#7b2d3b` 都可以。
创意色块	`--teal: #0f5c55` + `--coral: #d4604a` 深青 + 珊瑚点缀，渐变同步改 `.hero` 的 `linear-gradient`。
极简时间轴	`--accent: #2f6fed` 只用在圆点和序号上，改成 `#0f766e`、`#7c3aed` 都很干净。
增删经历条目	复制一整段 `<div class="item">…</div>`（或时间轴版的 `<div class="row">…</div>`）粘贴后改文字即可，样式会自动跟随。

要改的地方

怎么做

文字内容

用记事本或 VS Code 打开 html，直接替换 林清和、华东师范大学 等示例文案。示例里的实习公司均为虚构名称，请整段替换。

放证件照

把照片放到同一目录，在 02-现代双栏 里找到 <div class="avatar">林</div>，改成 <div class="avatar"><img src="photo.jpg" alt=""></div>；创意版同理，替换 hero__avatar 里的内容。

换主题色

改 :root 里的变量即可，全篇随之变化。下面是对应色值。

经典单栏

--ink: #16181c 纯黑白灰，建议不要加彩色，反而更稳。

现代双栏

--navy: #1f4e79 深藏蓝。换成深灰 #374151 或酒红 #7b2d3b 都可以。

创意色块

--teal: #0f5c55 + --coral: #d4604a 深青 + 珊瑚点缀，渐变同步改 .hero 的 linear-gradient。

极简时间轴

--accent: #2f6fed 只用在圆点和序号上，改成 #0f766e、#7c3aed 都很干净。

增删经历条目

复制一整段 <div class="item">…</div>（或时间轴版的 <div class="row">…</div>）粘贴后改文字即可，样式会自动跟随。