Web-Resume

Vite + Vue3 + sass + iconify + YAML + Chrome

English | 简体中文

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://cdn.jsdelivr.net/gh/wh1teAlter/web-resume@main/src/assets/resume/local.resume.yml.

Edit

下方导航栏切换至编辑器页面，在线编辑简历对应配置项即可。

图标可参见 icones 使用

Local

You can use it with hot reload.

Click repo Use this template, or clone this。

git clone https://github.com/wh1teAlter/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
• 中英文使用手册
• How about keeping it consistent with jsonresume?
  • resume-schema
  • schema.json

Sponsors