web resume

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://fastly.jsdelivr.net/gh/YunYouJun/web-resume/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/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
• 中英文使用手冊
• How about keeping it consistent with jsonresume?
  • resume-schema
  • schema.json

Sponsors