Rexon - 个人作品集 HTML 模板 preview 1

Rexon - 个人作品集 HTML 模板

bookmark

Rexon 是一款面向个人作品集场景的 Bootstrap 5 模板，采用极简现代设计风格，适合自由职业者、设计师、开发者等展示个人简历与服务能力。内置首页、博客、作品集、服务详情、联系表单等多个页面模板。

HTMLagencycleancreativecvdesignerdeveloperfreelancer

项目简介

Rexon 是一款面向个人作品集场景的 Bootstrap 5 模板，采用极简现代设计风格，适合自由职业者、设计师、开发者等展示个人简历与服务能力。内置首页、博客、作品集、服务详情、联系表单等多个页面模板。

技术栈

  • Bootstrap 5（CSS / JS）
  • jQuery（交互逻辑）
  • SCSS（样式开发）
  • Swiper.js（品牌轮播）
  • AOS（滚动动画）
  • MagnificPopup（视频弹窗）
  • counterUp（数字动画）
  • PHPMailer（联系表单邮件发送）

项目结构

text
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/）为相对路径，确保部署后路径正确
help_outline

常见问题