web resume

웹 리메스

vite + vue3 + sass + iconify + yaml + chrome

영어 | 단순화 된 중국어

특징

• 웹에 이력서를 표시하십시오
• A4 PDF로 인쇄 할 수 있습니다
• Yaml을 통해 이력서 컨텐츠를 구성하십시오
  • 온라인 편집 미리보기 지원 (이력서를 저장 해야하는 경우 로컬 방법을 사용해야합니다.)
  • 맞춤형 스타일
  • 온라인 구문 분석
  • 필드 유효성 검사 및 유형 힌팅 제공 (VSCODE-YAML을 설치해야 할 수도 있음)
• PWA
• 웹 아이콘을 무료로 사용할 수 있습니다

용법

온라인

시사

https://resume.elpsy.cn/#/resume?url= + Your Resume File URL 참조하십시오.

예 : https://resume.elpsy.cn/#/resume?url=https://fastly.jsdelivr.net/gh/YunYouJun/web-resume/src/assets/resume/local.resume.yml .

편집하다

아래 편집기 페이지로 전환하고 이력서의 해당 구성 항목을 온라인으로 편집하십시오.

아이콘은 아이콘에서 찾을 수 있습니다

현지의

Hot Reload와 함께 사용할 수 있습니다.

Use this template Repo를 클릭하거나 복제하십시오.

git clone https://github.com/YunYouJun/web-resume
cd web-resume
pnpm i
pnpm run resume

명령

• 미리보기 : pnpm dev ( http://localhost:3000/ )
• 미리보기 이력서 : pnpm resume
• 빌드 : pnpm build

관습

재개하다

Custom src/assets/resume/local.resume.yml (Hot Reload)

http://localhost:3000/local 보기 yaml validate와 함께 vscode를 사용할 수 있습니다.

Google 웹 로그 분석

사용자 정의 ID.

 // src/modules/gtag.ts
app . use ( VueGtag , {
  property : { id : 'G-W022WEV65N' } ,
} )

인쇄

Chrome을 사용하여 마우스 오른쪽 버튼을 클릭하여 인쇄하고 Save as PDF 선택하십시오.

줌 비율을 사용자 정의하고 약 78%를 테스트 할 수 있으며 (직접 시도해보십시오) 한 페이지에서 출력 할 수 있습니다.

심판

스타일은 라텍스 이력서 템플릿 Billryan/이력서를 나타냅니다.

TODO

• 드래그 카드
• 중국어 및 영어 사용자 매뉴얼
• JsonResume과 일치하는 것은 어떻습니까?
  • 이력서-스키질
  • schema.json

스폰서