ProCv - 简历和个人作品集

# 项目简介 ProCv 是一套多主题风格的简历与个人作品集静态 HTML 模板，包含 AI 专家和设计师两套独立主题，各提供亮色、暗色、标准版及 vCard 等多种页面变体，适合快速搭建专业在线简历、作品展示或个人品牌主页。 ## 技术栈 - Bootstrap 5（网格布局与基础组件） - jQuery（交互逻辑、动画、AJAX 表单提交） - Font Awesome 5（图标库） - MeanMenu（移动端响应式导航） - MixItUp（作品集分类筛选过滤） - Animate.css / AOS（页面动画效果） - Google Fonts（Open Sans、Cormorant Garamond 等字体） ## 项目结构 ``` 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/ ``` ## 核心文件说明 - `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` — 模板定制与使用指南文档 ## 快速开始 纯静态项目，直接在浏览器中打开任意 HTML 文件即可预览。例如： ```bash # 直接用浏览器打开 open main-files/01_ai_expert/index.html # 或使用本地服务器（推荐，可正常加载字体） npx serve main-files/01_ai_expert ``` ## 使用建议 模板采用深色/浅色双模式设计，修改 `style.css` 中的 CSS 变量（如 `--main-color`、`--primary-color`）即可快速更换品牌配色。Contact 表单通过 AJAX 提交，需自行对接后端服务或替换为第三方表单服务（如 Formspree）。