Skip to content

wh1teAlter/web-resume

Repository files navigation

Web-Resume

GitHub Pages

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

Sponsors

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published