RY
RylanBot/resume-json-pdf
๐ Build your PDF resume using a JSON fileใ็ฎๅ็ๆๅจใ
resume-json-pdf
English | ็ฎไฝไธญๆ
๐ฅ Feature
๐ Support Markdown Syntax
(The following syntax can be nested)
- Italic text: *Italic* will be rendered as Italic
- Bold text: **Bold** will be rendered as Bold
- Inline code blocks: `React` `TypeScript` `Tailwind CSS` will be rendered as
ReactTypeScriptTailwind CSS - Links: https:// github.com/RylanBot will be rendered as github.com/RylanBot
๐ Support Custom Styles
- Templates: Versions with and without photos
- Icons: Refer to the Font Awesome library
- Fonts: Select or input any local font
- Colors: Use a color picker
- Layout: Adjust margins for a reasonable page design
๐ง๐ป Quick Start
๐ฎ Ready to Use
Parameter
-
Missing a certain field won't result in an error, but the corresponding part will be rendered as blank, potentially causing layout issues.
-
Pay attention to JSON format specifications; missing parentheses, commas, etc., can lead to import failures.
Profile
| Field | Meaning | Note |
|---|---|---|
| name | ||
| avatar | Uploaded online defaults to Base64 storage or modified locally to a image link | |
| footnote[] | ||
| contact[] | { "icon": "", "value": "" } |
Experience[ ]
| Field | Meaning | Note |
|---|---|---|
| page | Page Number | Default is 1 |
| section | ||
| icon | ||
| items[] | { "title": "", "subtitle": "", "timeline": "", "tech": "", "details": ["", ""] } |
Style
| Field | Meaning | Note |
|---|---|---|
| template | avatar / plain |
|
| fontStyle | Any local font name (online selection limited) | |
| color | Hexadecimal | |
| pagePy | Resume Padding Y | Number |
| profileMb | Profile Margin bottom | Number |
| experienceMb | Experience Margin bottom | Number |
| plainFootPx | Footnote Padding X | Number (only valid for the plain template) |
| plainContactPx | Contact Padding X | Number (only valid for the plain template) |
| detailsFont | Experience Section Font Size | Number |
๐ฎ For Development
If you are familiar with the Web frontend technologies and are interested in source code, you can run this program using the following commands:
npm install
npm run dev๐ท Preview
On this page
Languages
TypeScript93.8%CSS4.4%JavaScript1.2%HTML0.6%
MIT License
Created December 14, 2023
Updated March 15, 2026

