Simple Resume · 简历工坊

本地优先、模块化、所见即所得的 Web 简历编辑器

在浏览器中完成内容编辑、模块排序与 A4 排版，直接导出 PDF。
无需注册，简历数据只保存在当前浏览器中。

在线体验 · 简历样例 · 核心能力 · 本地开发

---

在线体验

访问 simpleresume.mornveil.com 即可开始创建简历，无需安装或登录。

首次打开会加载一份完整的匿名示例。替换示例内容、调整模块顺序和主题后，就可以通过浏览器打印导出 PDF；编辑内容会自动保存在当前浏览器中。

简历样例

同一套编辑能力同时适合不带照片和带照片的简历。点击图片可以查看完整尺寸。

_{左：无照片内容优先版 · 右：带照片版}

核心能力

• 模块化编辑：内置个人简介、工作经历、项目经历、教育背景、专业技能和自定义模块。
• 自由调整结构：支持拖拽或键盘移动模块，也可以新增、复制、隐藏、重命名和删除内容。
• 实时 A4 预览：编辑结果即时呈现在 A4 页面中，并提供适合打印的分页与样式。
• 可选简历照片：按行业和岗位需要决定是否显示照片，上传后可隐藏、更换或删除。
• 主题自由组合：支持强调色、舒展/紧凑密度，以及现代黑体、经典宋体、文楷/楷体三种字体风格。
• 本地优先：简历和照片不会上传到服务器，所有编辑内容默认保存在浏览器 localStorage 中。
• 完整备份恢复：可导出或导入 JSON，保留模块顺序、主题、隐藏状态和照片。
• 响应式工作区：桌面端使用结构、编辑、预览三栏布局，移动端可在三个视图间切换。

使用流程

1. 打开 在线版本，直接修改匿名示例。
2. 从模块库添加所需内容，并通过拖拽调整模块和条目顺序。
3. 选择强调色、字体和内容密度，按需要上传简历照片。
4. 先备份 JSON，再点击“导出 PDF”完成浏览器打印。

Tip

导出 PDF 时，请在打印设置中开启“背景图形”，以完整保留强调色和模块背景。

本地开发

环境要求

• Node.js ^20.19.0 或 >=22.12.0
• npm

启动项目

git clone https://github.com/XTmingyue/simpleResume.git
cd simpleResume
npm install
npm run dev

终端会显示本地访问地址。浏览器中已经保存的简历不会被匿名示例自动覆盖。

构建和检查

npm test
npm run typecheck
npm run build

构建结果位于 dist/，可以直接部署到 Vercel 等静态网站托管服务。执行 npm run preview 可以在本地预览构建结果。

技术栈

• React + TypeScript
• Vite
• dnd kit
• Vitest

数据、隐私与备份

• 编辑内容默认保存在当前浏览器的 localStorage 中；清理浏览器数据前，请先导出 JSON 备份。
• 上传的照片会在浏览器内重新编码为较小的 JPEG，并移除原图中的 EXIF/GPS 元数据。
• 当前版本没有服务端简历存储，简历文本和照片不会上传到应用服务器。
• JSON 备份包含完整简历数据，可通过页面上的“导入”按钮恢复。

字体说明

Web 版不会复制、转换或打包苹方、微软雅黑等商业系统字体文件，只会调用用户操作系统已经提供的字体。

文楷主题会优先使用本机安装、采用 SIL OFL 1.1 授权的 LXGW WenKai；未安装时会回退到系统楷体。

关于作者

飞鸟 one the way — 探索者

微信公众号 · 飞鸟onTheWay

社交平台 · 小红书 潮声明月· 知乎 飞鸟在路上

License

本项目采用 MIT License。