项目简介link

ProCv 是一套多主题风格的简历与个人作品集静态 HTML 模板，包含 AI 专家和设计师两套独立主题，各提供亮色、暗色、标准版及 vCard 等多种页面变体，适合快速搭建专业在线简历、作品展示或个人品牌主页。

技术栈link

• Bootstrap 5（网格布局与基础组件）
• jQuery（交互逻辑、动画、AJAX 表单提交）
• Font Awesome 5（图标库）
• MeanMenu（移动端响应式导航）
• MixItUp（作品集分类筛选过滤）
• Animate.css / AOS（页面动画效果）
• Google Fonts（Open Sans、Cormorant Garamond 等字体）

项目结构link

procvhtml-10/
├── documentation/
│   └── doc.html           # 使用文档
├── main-files/
│   ├── 01_ai_expert/      # AI专家主题
│   │   ├── index*.html     # 首页变体（标准/暗色/vCard）
│   │   ├── portfolio*.html # 作品集页面
│   │   ├── blog*.html      # 博客页面
│   │   └── css/js/         # 样式与脚本
│   └── 02_designer/       # 设计师主题
│       ├── index*.html
│       ├── portfolio*.html
│       └── css/js/

核心文件说明link

• main-files/01_ai_expert/index.html — AI专家主题主页面，包含 Hero 区、个人信息、技能展示
• main-files/02_designer/index.html — 设计师主题主页面，含圆形导航按钮与视差动画
• main-files/*/css/style.css — 主题核心样式文件，定义颜色、字体、布局
• main-files/*/js/main.js — 交互逻辑：预加载动画、滚动置顶、导航菜单、表单提交
• main-files/*/portfolio*.html — 作品集页面，支持 MixItUp 分类过滤
• documentation/doc.html — 模板定制与使用指南文档

快速开始link

纯静态项目，直接在浏览器中打开任意 HTML 文件即可预览。例如：

# 直接用浏览器打开
open main-files/01_ai_expert/index.html
# 或使用本地服务器（推荐，可正常加载字体）
npx serve main-files/01_ai_expert

使用建议link

模板采用深色/浅色双模式设计，修改 style.css 中的 CSS 变量（如 --main-color、--primary-color）即可快速更换品牌配色。Contact 表单通过 AJAX 提交，需自行对接后端服务或替换为第三方表单服务（如 Formspree）。