基于自定义 JSON 数据的在线 PDF 简历生成器

本地 “沉浸式” 编写 JSON 文件，在线生成 PDF 简历 📄 🔥 功能介绍 支持多个模板：目前提供含照片和无照片两个版本 支持引入图标：参考 react-icons 库 支持文字加粗：details 字段中使用双星号包裹，比如 “* 优化 xxx *” 会被渲染成 “优化 xxx” 支持链接跳转：value 和 subtitle 字段使用 “http” 或者 “https” 开头，比如 “https: //github.com/RylanBot” 会被渲染成 “github.com/RylanBot” 支持技术栈拆分：tech 字段中使用加号连接，比如 “React+TypeScript+Tailwind CSS” 会被渲染成 “React TypeScript Tailwind CSS” 支持自定义颜色：在线挑选并预览你喜欢的样式 支持自定义排版：“一段实习+三个项目”或者“两段实习+两个项目”，或者额外引入“发表论文”等分区，只要能保证整齐即可。文字内容较少时，可以调节部分边距使页面布局合理 🧙🏻 快速上手 🔮 开箱即用 Live Demo Tip 在线导出 JSON 模板 → 本地修改数据 → 上传修改后的 JSON 文件 → 在线导出 PDF 简历 参数说明 缺少某个字段不会报错，但页面相应部分渲染为空白，可能导致排版扭曲 注意 JSON 格式规范，缺少括号逗号等情况会导入失败 Profile 字段 含义 备注 name 名字 必填 avatar 照片 在线上传默认转为 Base64 储存，本地可以修改为图床对应的链接 footnote[ ] 附加信息 { "label": "标签", "content": "内容" } info[ ] 联系方式 { "icon": "图标", "key": "键", "value": "值" } Experience[ ] 字段 含义 备注 section 分区 icon 图标 items[ ] 经历 { "title": "标题", "subtitle": "副标题", "timeline": "时间线", "tech": "技术栈", "details": [ "描述内容" ] } Style 字段 含义 备注 template 模板 avatar / plain color 颜色 16 进制格式 pagePy 简历 内上下边距 number profileMb profile 外下边距 number experienceMb experience 外下边距 number plainFootPx footnote 内左右边距 number（只对 plain 模板有效） plainInfoPx info 内左右边距 number（只对 plain 模板有效） 🔮 二次开发 node version npm version yarn version 如果你熟悉 Web 前端技术且对源码感兴趣，可以根据以下命令，在本地启动这个程序 npm install # or 'yarn' npm run dev