Web简历项目使用教程

项目介绍

Web简历项目是一个开源的Web应用程序，旨在帮助用户通过Web界面展示和打印他们的简历。该项目支持通过YAML配置文件来定制简历内容，并且可以在线预览和编辑。此外，它还支持PWA（渐进式Web应用），允许用户在离线状态下访问他们的简历。

项目快速启动

克隆项目

首先，克隆项目到本地：

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

安装依赖

使用pnpm安装项目依赖：

pnpm install

启动开发服务器

启动开发服务器以进行本地预览：

pnpm dev

开发服务器启动后，可以在浏览器中访问http://localhost:3000来查看和编辑你的简历。

构建项目

构建项目以生成生产环境下的文件：

pnpm build

构建完成后，生成的文件将位于dist目录中。

应用案例和最佳实践

在线预览和编辑

用户可以通过以下URL在线预览和编辑他们的简历：

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

自定义样式和图标

用户可以通过修改src/assets/resume/local-resume.yml文件来自定义简历的内容和样式。图标可以使用icones库中的图标。

打印为PDF

用户可以使用Chrome浏览器的打印功能，选择“保存为PDF”来打印他们的简历。建议调整缩放比例至78%以确保内容在一页内。

典型生态项目

LaTeX简历模板

项目参考了billryan/resume的LaTeX简历模板，提供了类似的样式和布局。

VSCode YAML插件

为了更好地编辑YAML文件，建议安装vscode-yaml插件，该插件提供了字段验证和类型提示功能。

Google Analytics

项目支持自定义Google Analytics ID，以便用户跟踪访问数据：

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

通过以上步骤，用户可以快速启动并使用Web简历项目，同时可以根据自己的需求进行定制和优化。