Vite + Vue3 + sass + iconify + YAML + Chrome
English | 简体中文
- 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
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
.
下方导航栏切换至编辑器页面,在线编辑简历对应配置项即可。
图标可参见 icones 使用
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
- Preview:
pnpm dev
(http://localhost:3000/
) - Preview Resume:
pnpm resume
- Build:
pnpm build
Custom src/assets/resume/local.resume.yml
(Hot Reload)
View
http://localhost:3000/local
You can use vscode with yaml validate.
Custom ID.
// src/modules/gtag.ts
app.use(VueGtag, {
property: { id: 'G-W022WEV65N' },
})
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.
Styles refer to LaTeX resume template billryan/resume.
- Drag Card
- 中英文使用手册
- How about keeping it consistent with jsonresume?