Rexon - Personal Portfolio HTML Template

# 项目简介 Rexon 是一款面向个人作品集场景的 Bootstrap 5 模板，采用极简现代设计风格，适合自由职业者、设计师、开发者等展示个人简历与服务能力。内置首页、博客、作品集、服务详情、联系表单等多个页面模板。 ## 技术栈 - Bootstrap 5（CSS / JS） - jQuery（交互逻辑） - SCSS（样式开发） - Swiper.js（品牌轮播） - AOS（滚动动画） - MagnificPopup（视频弹窗） - counterUp（数字动画） - PHPMailer（联系表单邮件发送） ## 项目结构 ``` rexonhtml-10/ ├── rexon/ │ ├── index.html # 首页入口 │ ├── about-me.html │ ├── blog-grid.html │ ├── blog-details.html │ ├── contact.html # 含联系表单 │ ├── project.html │ ├── project-details.html │ ├── service.html │ ├── service-details.html │ ├── mail.php # 表单后端处理 │ └── assets/ │ ├── css/style.css # 编译后主样式 │ ├── js/main.js # 交互脚本 │ └── scss/ # SCSS 源码 └── documentation/ # 官方文档 ``` ## 核心文件说明 - `rexon/index.html` — 首页，模板的主展示页面 - `rexon/contact.html` — 联系页面，含 AJAX 提交表单 - `rexon/assets/css/style.css` — 全局样式，含响应式布局与主题色 - `rexon/assets/js/main.js` — 动画、轮播、表单验证等交互逻辑 - `rexon/mail.php` — 通过 PHPMailer 处理联系表单邮件发送 ## 快速开始 1. 在 Web 服务器（如 php -S localhost:8000）下运行项目，或直接用浏览器打开 `rexon/index.html` 2. 若使用联系表单，需配置 `mail.php` 中的 SMTP 参数后确保 PHPMailer 可正常加载 3. SCSS 源码在 `assets/scss/`，可直接修改后重新编译 ## 使用建议 - 部署联系表单时建议使用 Gmail 或 SendGrid 等支持 SMTP 的邮件服务，避免本地邮件发送失败 - 模板图片路径（如 `images/`）为相对路径，确保部署后路径正确