🔗 在线预览:https://everynight31.github.io/personal-resume-web-show/
一个纯静态单页简历,现代简约风格,零依赖、零构建。 额外加了一套「粘贴简历文本 → 一键识别 → 逐字段校对 → 应用到简历」的工具。
双击 index.html 就能用:不需要服务器、不需要联网、不需要安装任何东西。
打开 index.html 即可。右下角有两个悬浮按钮:主题切换(🌙/☀️,默认跟随系统)和「粘贴识别」。
- 点右下角「粘贴识别」(快捷键
Ctrl/Cmd + K,也可以直接用index.html#parser打开) - 左侧输入框里已经预填了一份带注释的模板,照着它把你的内容填进去
- 模板里以
#开头的说明行会被自动忽略,不用手动删 - 带
【小标题】的文本识别率最高(≈95%) - 不想写小标题也行:整段原始简历直接粘贴,会自动分段(准确率降到 ~70-85%)
- 模板里以
- 点「一键识别」
- 右侧出现识别结果,按区块折叠成卡片,可逐字段校对,输入框铺满整行,右侧实时预览
- 勾选 = 这一项要不要出现在简历里。右侧预览就是点应用后的结果,两者一定一致
- 粘的文本里写了什么就有什么:没写「求职意向」就不会出现求职意向;没写的模块默认不勾选
- 已有但这次没识别到的模块标着「现有模块(本次未识别到)」,内容留空、默认不勾选。想保留就勾上,想改就直接在框里输入(输入后自动勾上)
- 点「应用到简历」→ 主页面立即重绘,数据存进浏览器
- 没勾的模块只是不显示,内容仍留在「设置 → 简历模块」里,可以从那里彻底删除
- 点错了就「撤销上次应用」
不粘贴也能用这个面板。还没识别过任何东西时,面板会直接列出简历里已有的全部内容,可以直接改、直接应用 —— 相当于一个简历总编辑器。
三层,优先级从高到低:
| 层 | 位置 | 说明 |
|---|---|---|
| 本地修改 | 浏览器 localStorage |
网页上改过的内容,刷新不丢;换电脑/清缓存会丢 |
| 默认数据 | data.js |
想永久改内容,直接改这个文件最省事 |
| 备份 | 「设置 → 导出 JSON」 | 换电脑前记得导一份,或点「恢复默认数据」清掉本地覆盖 |
右下角「粘贴识别」→「设置」→「背景效果」里可以换,共 6 种:粒子连线(默认)、气泡上浮、星空闪烁、声波流动、流星拖尾、关闭。全部自绘 Canvas,不联网、不加载任何库;选择会记在浏览器里,刷新后保持。
「粘贴识别」→「设置」→「头像」→「选择照片」。照片会在浏览器里自动裁成竖版证件照(480×640)再存进 localStorage,不联网、不上传。上传时自动对准人脸取景,构图不满意可拖动「取景位置」滑块调整。
「设置」→「简历模块」:可新建模块(按名字自动推荐版式)、调整顺序、删除、改内容,改动即时生效,删除可撤销。
浏览器 Ctrl+P → 目标选「另存为 PDF」。会自动隐藏所有工具界面(粒子背景、悬浮按钮、抽屉、导航)并强制浅色 + A4 分页。
纯静态,直接托管即可:
- 把
resume-web/里的文件推到仓库(main分支) - 仓库
Settings → Pages → Source选Deploy from a branch,分支选main/ 根目录 - 等一两分钟,访问
https://<用户名>.github.io/<仓库名>/
也可以把整个目录丢到 Vercel / Netlify / Cloudflare Pages,无需任何构建配置。
仓库里全是示例数据。姓名「示例姓名」、电话
13800000000、邮箱@example.com、学校「示例大学」、公司「某互联网科技有限公司」、所有项目与奖项均为编造,头像也是 SVG 占位图。上传 GitHub 前可以直接用,也可以换成你自己的内容。