Oh My CV：探索浏览器端Markdown简历构建工具的核心价值与实践指南

探索Oh My CV的核心价值：本地优先的简历制作新体验

Oh My CV作为一款基于浏览器的本地优先Markdown简历构建工具，彻底改变了传统简历制作的复杂流程。它将Markdown的简洁编辑体验与简历设计的专业性完美结合，所有数据处理均在本地完成，既保障了隐私安全，又实现了离线使用的便利性。无论是职场新人还是资深专业人士，都能通过这个轻量级工具快速生成格式规范、设计精美的简历文档。

解锁功能模块：如何通过组件化设计实现高效简历编辑

编辑器核心模块的核心作用

[site/src/components/edit/]目录下的核心文件构成了简历编辑的中枢系统：

• Editor.vue：提供实时Markdown编辑环境，支持语法高亮和即时预览
• Preview.vue：同步展示简历渲染效果，所见即所得的编辑体验
• Toolbar.vue：集成文本格式化、样式调整等快捷操作按钮

这些组件通过[site/src/composables/stores/]中的状态管理模块实现数据同步，确保编辑操作与预览效果的实时一致性。

样式定制模块如何赋能个性化简历设计

[site/src/components/edit/toolbar/]目录下的工具组件赋予用户全面的样式定制能力：

• FontFamily.vue：提供多套专业字体选择，包括[site/src/assets/fonts/]目录下的Adobe Garamond Pro、Minion Pro等商用级字体
• ThemeColor.vue：支持主题色自定义，满足不同行业的简历风格需求
• Margins.vue：精确调整页面边距，优化简历排版布局

💡 通过这些工具，用户无需掌握CSS知识即可实现专业级简历设计。

项目特色与技术架构：本地优先方案的创新实现

核心技术栈解析

Oh My CV采用现代化前端技术栈构建：

技术框架	版本	核心作用
Vue 3	^3.0.0	构建响应式用户界面
TypeScript	最新	提供类型安全保障
Nuxt.js	3.x	实现服务端渲染与路由管理
Markdown-it	最新	解析Markdown语法生成HTML

本地优先架构的优势

项目通过[site/src/utils/database.ts]模块实现本地数据持久化，所有简历数据存储在浏览器IndexedDB中，确保：

• 无需服务器存储，保护个人隐私
• 支持离线编辑，随时随地创建简历
• 数据自动保存，避免意外丢失

[!TIP] 首次使用时建议导出备份文件，虽然本地存储安全可靠，但多一份备份多的不只是安心。

快速上手：从零开始创建专业简历

环境准备

克隆项目并安装依赖：

git clone https://gitcode.com/gh_mirrors/oh/oh-my-cv
cd oh-my-cv
npm install

启动开发环境：

npm run serve

制作流程

1. 点击"新建简历"按钮，选择模板
2. 使用Markdown语法填写个人信息、工作经历等内容
3. 通过右侧工具栏调整字体、颜色、布局
4. 预览确认后导出为PDF格式

总结

Oh My CV通过创新的本地优先架构和用户友好的界面设计，降低了专业简历制作的门槛。无论是技术人员还是非技术背景的求职者，都能通过这个工具快速创建专业的简历。随着项目的持续发展，未来可能会增加团队协作功能，进一步提升工具的实用性。