https://github.com/yunyoujun/web-resume

📄 Display your resume by web. 可以被打印成 PDF 的 Web 简历。
https://github.com/yunyoujun/web-resume

resume web

Last synced: about 1 month ago
JSON representation

📄 Display your resume by web. 可以被打印成 PDF 的 Web 简历。

• Host: GitHub
• URL: https://github.com/yunyoujun/web-resume
• Owner: YunYouJun
• License: mit
• Created: 2021-04-02T12:15:41.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-08-24T19:13:19.000Z (5 months ago)
• Last Synced: 2024-10-29T15:49:17.167Z (3 months ago)
• Topics: resume, web
• Language: Vue
• Homepage: https://resume.elpsy.cn
• Size: 2.94 MB
• Stars: 223
• Watchers: 4
• Forks: 21
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Web-Resume

[![GitHub Pages](https://github.com/YunYouJun/web-resume/actions/workflows/gh-pages.yml/badge.svg)](https://github.com/YunYouJun/web-resume/actions/workflows/gh-pages.yml)

[Vite](https://vitejs.dev/) + [Vue3](https://github.com/vuejs/vue-next/) + [sass](https://sass-lang.com/) + [iconify](https://github.com/iconify) + [YAML](https://yaml.org/) + [Chrome](https://www.google.com/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](https://github.com/redhat-developer/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](https://icones.js.org/) 使用

### Local

> You can use it with hot reload.

Click repo `Use this template`, or clone this。

```bash

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.

```ts

// 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](https://github.com/billryan/resume/tree/zh_CN).

## Todo

- [ ] Drag Card

- [ ] 中英文使用手册

- [ ] How about keeping it consistent with [jsonresume](https://jsonresume.org/)?

  - [resume-schema](https://github.com/jsonresume/resume-schema)

  - [schema.json](https://raw.githubusercontent.com/jsonresume/resume-schema/master/schema.json)

## Sponsors