OpenResume：现代专业简历制作和解析工具

大家好，你是否曾经为了制作一份专业的简历而发愁？OpenResume可能就是你需要的神器。作为一款强大的开源简历制作和解析工具，它不仅提供了现代化的简历设计，还让任何人都能自信地申请工作。

github_practical_openresume_1

⚒️ 简历制作工具

OpenResume的简历制作工具让用户可以轻松创建现代专业的简历。

github_practical_openresume_2

核心功能

| 功能 | 描述 |
| ------------------------ | ------------------------------------------------------------ |
| 1. 实时UI更新 | 简历PDF会随着你输入的信息实时更新，方便你随时查看最终效果。 |
| 2. 现代专业简历设计 | 简历PDF采用现代专业设计，符合美国最佳实践，并兼容主流ATS平台，如Greenhouse和Lever。它会自动格式化字体、大小、边距和项目符号，确保一致性，避免人为错误。 |
| 3. 隐私保护 | 该应用仅在你的浏览器本地运行，无需注册，数据不会离开你的浏览器，保证了你的个人数据安全。（有趣的是：即使断网，这个应用也能正常工作。） |
| 4. 从现有简历PDF导入 | 如果你已有现成的简历PDF，可以直接导入，几秒钟内就能将简历更新为现代专业设计。 |
| 5. 成功的使用案例 | OpenResume用户已获得Dropbox、Google、Meta等顶尖公司的面试和录用机会，受到了招聘人员和经理们的喜爱。 |

🔍 简历解析器

OpenResume的第二个组件是简历解析器。如果你已经有现成的简历，简历解析器可以帮助测试和确认其ATS可读性。

github_practical_openresume_3

github_practical_openresume_4

📚 技术栈

| 类别 | 选择 | 描述 |
| ------------- | ------------- | ------------------------------------------------------------ |
| 编程语言 | TypeScript | TypeScript是带有静态类型检查的JavaScript，能在编写代码时捕捉许多低级错误。 |
| UI库 | React | React的声明式语法和基于组件的架构让开发响应式可复用组件变得简单。 |
| 状态管理 | Redux Toolkit | Redux Toolkit减少了设置和更新中心Redux存储的样板代码，便于管理复杂的简历状态。 |
| CSS框架 | Tailwind CSS | Tailwind通过提供有用的CSS工具加快了开发速度，减少了在tsx和css文件之间的上下文切换。 |
| Web框架 | NextJS 13 | Next.js支持静态网站生成，有助于构建支持SEO的高效React网页。 |
| PDF阅读器 | PDF.js | PDF.js从PDF文件中读取内容，是简历解析器的第一步，用于读取简历PDF的内容。 |
| PDF渲染器 | React-pdf | React-pdf用于创建PDF文件，是简历制作工具生成可下载PDF文件的关键。 |

📁 项目结构

OpenResume是使用NextJS web框架创建的，并遵循其项目结构。源代码位于src/app目录下。总共有4个页面路由，如下表所示。（代码路径相对于src/app）

| 页面路由 | 代码路径 | 描述 |
| --------------- | ------------------------ | ------------------------------------------------------------ |
| / | /page.tsx | 主页，包含hero，自动打字简历，步骤，推荐，标志云等。 |
| /resume-import | /resume-import/page.tsx | 简历导入页面，可以选择从现有简历PDF中导入数据。主要组件是ResumeDropzone (/components/ResumeDropzone.tsx) |
| /resume-builder | /resume-builder/page.tsx | 简历制作页面，用于构建和下载简历PDF。主要组件是ResumeForm (/components/ResumeForm) 和Resume (/components/Resume) |
| /resume-parser | /resume-parser/page.tsx | 简历解析页面，用于测试简历的AST可读性。主要库工具是parseResumeFromPdf (/lib/parse-resume-from-pdf) |

💻 本地开发

方法一：npm

下载仓库 git clone https://github.com/xitanggg/open-resume.git
切换目录 cd open-resume
安装依赖 npm install
启动开发服务器 npm run dev
打开浏览器并访问http://localhost:3000查看OpenResume

方法二：Docker

下载仓库 git clone https://github.com/xitanggg/open-resume.git
切换目录 cd open-resume
构建容器 docker build -t open-resume .
启动容器 docker run -p 3000:3000 open-resume
打开浏览器并访问http://localhost:3000查看OpenResume

感觉嘛，OpenResume确实是一款很实用的工具，无论是制作新的简历还是解析现有简历，它都能帮助我们更加专业地展示自己。如果你也在求职的路上，赶紧试试这个工具吧！