推荐一款基于Nuxt 3 & Vue 3的现代化简历编辑器——MARK RESUME

今天给大家推荐一款非常实用的简历编辑工具——MARK RESUME。它是一个基于Nuxt 3 & Vue 3开发的现代化、功能丰富的简历编辑器，具备诸多强大特性，能满足不同用户的简历制作需求。

一、关于MARK RESUME

MARK RESUME支持Markdown/WYSIWYG双模式、GitHub登录、本地与云端双存储、主题切换、PDF/图片/ZIP导出、PWA离线、国际化等特性，是一款功能全面且强大的简历编辑工具。

大家可以通过以下方式体验和了解更多：

• 英文文档：Docs-English
• 网页体验：Web-体验

二、主要特性

• 登录与同步：支持GitHub/Google/Gitee第三方登录，实现多端同步，方便用户在不同设备上继续编辑简历。
• 编辑模式：提供Markdown编辑及实时预览功能，支持所见即所得与源码切换，满足不同用户的编辑习惯。
• 主题与样式：可进行多主题切换，内置多款美观主题，还支持自定义，让简历更具个性化。
• 导出功能：能够一键导出PDF/图片/ZIP格式，且导出内容与预览一致，适配多页，方便用户投递简历。
• 证件照处理：支持证件照上传与编辑，包括拖拽、缩放、重置等操作，轻松搞定简历中的证件照部分。
• 字体设置：可进行字体选择与自定义上传，导出时字体能无损还原，保证简历的排版美观。
• 国际化支持：中英文界面一键切换，还能自动检测浏览器语言，适合不同语言使用习惯的用户。
• 离线使用：支持PWA，可安装为桌面/移动端应用，实现离线编辑，随时随地都能制作简历。
• 存储方式：采用本地/云端双存储，自动进行数据迁移，确保简历数据的安全。
• 扩展能力：拥有插件化架构，便于二次开发和功能扩展，满足开发者的定制需求。

三、环境变量说明

在部署MARK RESUME时，需要根据实际环境创建.env文件，以下是相关环境变量的说明：

变量名	说明
AUTH_SECRET	Session 加密密钥，建议用 openssl 生成
AUTH_ORIGIN	允许的前端地址（如 http://localhost:3000）
GITHUB_CLIENT_ID	GitHub OAuth 应用 Client ID
GITHUB_CLIENT_SECRET	GitHub OAuth 应用 Client Secret
GOOGLE_CLIENT_ID	Google OAuth 应用 Client ID
GOOGLE_CLIENT_SECRET	Google OAuth 应用 Client Secret
GITEE_CLIENT_ID	Gitee OAuth 应用 Client ID
GITEE_CLIENT_SECRET	Gitee OAuth 应用 Client Secret
DATABASE_URL	数据库连接字符串（本地/云端均可）
MAIL_USER	邮箱账号（如需邮件功能）
MAIL_PASS	邮箱密码/授权码
HTTPS_PROXY	HTTPS 代理（可选）
HTTP_PROXY	HTTP 代理（可选）

四、快速开始

想要使用MARK RESUME进行开发或部署，可按照以下步骤操作：

1. 安装依赖

pnpm install

2. 配置环境变量
   参考上文的环境变量说明，复制模板创建.env文件

copy .env.example .env

3. 初始化数据库

npx prisma generate
npx prisma migrate dev --name init

4. 启动开发服务器

pnpm dev

之后访问http://localhost:3000即可使用。

五、使用指南

MARK RESUME的主要页面及功能如下：

• 首页/：介绍功能、展示主题预览。
• 我的简历/resumes：管理简历（需登录）。
• 编辑器/edit：主编辑页面，左侧为Markdown编辑区，右侧为实时预览区，可进行所见即所得与源码切换。
• 登录/signin：进行第三方登录。
• 设置/settings：切换存储模式、进行偏好设置等。

六、技术栈

MARK RESUME采用了多种先进的技术，具体如下：

• 前端：Nuxt 3, Vue 3, Pinia, CodeMirror, Markdown-it, UnoCSS
• 后端/存储：Prisma ORM, SQLite/PostgreSQL, LocalStorage
• 认证：@sidebase/nuxt-auth, GitHub/Google/Gitee OAuth
• 导出：jsPDF, html-to-image, jszip
• PWA：@vite-pwa/nuxt
• 国际化：vue-i18n

七、系统核心流程序列

下面为大家展示MARK RESUME的系统核心流程序列：

1. 用户打开简历编辑器；
2. 前端向后端请求用户认证状态；
3. 后端向数据库查询用户信息；
4. 数据库返回用户信息给后端；
5. 后端将认证结果返回给前端；
6. 前端向后端保存/同步简历内容；
7. 后端向数据库写入/更新简历数据；
8. 数据库将操作结果返回给后端；
9. 后端将保存结果返回给前端；
10. 前端向用户显示保存/同步状态。

八、贡献与许可

MARK RESUME采用MIT License许可，欢迎大家提出Issue、PR和建议。作者是RYANUO（https://github.com/ryanuo）。

如果您正在寻找一款功能强大、使用便捷的简历编辑器，不妨试试MARK RESUME，相信它会给您带来不错的体验！