web resume

Web-Resume

Vite + Vue3 + sass + iconify + YAML + Chrome

English | Simplified Chinese

Feature

• Display your resume on the web
• Can be printed as A4 PDF
• Configure your resume content via YAML
  • Support online editing preview (If you need to store resumes, you should use the local method.)
  • Custom Style
  • Online Parse
  • YAML validation, providing field validation and type hinting (Maybe you need install vscode-yaml)
• PWA
• Free to use web icons

Usage

Online

Preview

View https://resume.elpsy.cn/#/resume?url= + Your Resume File URL .

For example: https://resume.elpsy.cn/#/resume?url=https://fastly.jsdelivr.net/gh/YunYouJun/web-resume/src/assets/resume/local.resume.yml .

Edit

Switch to the editor page below and edit the corresponding configuration items of your resume online.

Icons can be found in icons

Local

You can use it with hot reload.

Click repo Use this template , or clone this.

git clone https://github.com/YunYouJun/web-resume
cd web-resume
pnpm i
pnpm run resume

Command

• Preview: pnpm dev ( http://localhost:3000/ )
• Preview Resume: pnpm resume
• Build: pnpm build

Custom

Resume

Custom src/assets/resume/local.resume.yml (Hot Reload)

View http://localhost:3000/local You can use vscode with yaml validate.

Google Analytics

Custom ID.

 // src/modules/gtag.ts
app . use ( VueGtag , {
  property : { id : 'G-W022WEV65N' } ,
} )

Print

Use Chrome to right-click to print and select Save as PDF .

You can customize the zoom ratio, test about 78% (try it yourself), and you can output on one page.

Ref

Styles refer to LaTeX resume template billryan/resume.

Todo

• Drag Card
• Chinese and English User Manual
• How about keeping it consistent with jsonresume?
  • resume-schema
  • schema.json

Sponsors