Skip to content

Latest commit

 

History

History
91 lines (66 loc) · 3.43 KB

README-CN.md

File metadata and controls

91 lines (66 loc) · 3.43 KB

resume-json-pdf

English | 简体中文

本地 “沉浸式” 编写 JSON 文件,在线生成 PDF / HTML 简历 📄

🔥 功能介绍

💕 支持 Markdown 语法

(以下语法均可以嵌套使用)

  • 斜体文字: *斜体* 会被渲染成 斜体
  • 加粗文字:**加粗** 会被渲染成 加粗
  • 行内代码块: `React` `TypeScript` `Tailwind CSS` 会被渲染成 React TypeScript Tailwind CSS
  • 链接跳转:https:// github.com/RylanBot 会被渲染成 github.com/RylanBot

💕 支持自定义样式

  • 模板:含照片和无照片的版本
  • 图标:参考 Font Awesome
  • 字体:默认(Times)或者 Noto Serif SC
  • 颜色:使用取色器挑选
  • 排版:调节边距使页面布局合理

🧙🏻 快速上手

🔮 开箱即用

Live Demo

在线导出 JSON 模板 → 本地修改数据 → 上传修改后的 JSON 文件 → 在线导出 PDF / HTML 简历

Tip

引入了简单的在线编辑文字的功能 → 设置模式下点击相关文字

这个项目的开发初衷是为了制作简历时能更关注于文字本身,不纠结页面表单的填写和样式的排版,并实现最大程度的动态拓展。更推荐本地填写,在线微调,暂时未支持复杂的在线增删功能。

参数说明

  • 缺少某个字段不会报错,但页面相应部分渲染为空白,可能导致排版错位

  • 注意 JSON 格式规范,缺少括号逗号等情况会导入失败

Profile

字段 含义 备注
name 名字
avatar 照片 在线上传默认转为 Base64 储存,本地可以修改为图床对应的链接
footnote[] 附加说明
contact[] 联系方式 { "icon": "图标", "value": "值" }

Experience[ ]

字段 含义 备注
section 分区
icon 图标
items[] 经历 { "title": "标题", "subtitle": "副标题", "timeline": "时间线", "tech": "技术栈",
"details": [ "描述内容" ] }

Style

字段 含义 备注
template 模板 avatar / plain
fontStyle 字体 default / fancy
color 颜色 16 进制格式
pagePy 简历页面 上下内边距 number
profileMb 个人信息 下外边距 number
experienceMb 经历部分 下外边距 number
plainFootPx 附加说明 左右内边距 number(只对 plain 模板有效)
plainContactPx 联系方式 左右内边距 number(只对 plain 模板有效)
detailsFont 经历部分 字体大小 number

🔮 二次开发

node version npm version yarn version

如果你熟悉 Web 前端技术且对源码感兴趣,可以根据以下命令,在本地启动这个程序

npm install # or 'yarn'
npm run dev

🌷 效果预览

resume-json-pdf-avatar-cn


resume-json-pdf-plain-cn