项目简介link

Sukun 是一款面向婚礼策划与请柬场景的 PHP 网站模板，提供首页、新人介绍、婚礼场地、博客、Portfolio、RSVP 等十余种页面。模板附带完整的英文文档站点（documentation/），展示安装说明与页面结构说明，方便二次开发与部署。

技术栈link

• 前端框架：Bootstrap 4（响应式布局）
• 脚本语言：jQuery 3.2.1、原生 JavaScript
• 动画库：TweenMax、Wavify（波浪动效）、Parallaxie（视差滚动）
• 字体：Google Fonts（Great Vibes + Roboto）
• 后端：PHP（页面模板、邮件表单、配置管理）

项目结构link

sukunhtml-10/
  downloadable/
    documentation/          # 模板文档站点
      index.html             # 文档首页
      css/
        style.css            # 主样式（含水波/视差/按钮等全局样式）
        responsive.css        # 响应式断点样式
        _contact.css          # 联系区块样式片段
      js/
        main.js              # 核心交互逻辑（滚动导航、侧栏切换、滑块等）
        jquery-3.2.1.min.js
        TweenMax.min.js
        jquery.wavify.js
        parallaxie.js
        ...
    sukun/                   # 正式模板文件
      index.php              # 首页
      about.php / blog.php / contact.php ...
      config.php             # 站点配置
      mail-contact.php       # 邮件处理
      invitation-1.php / invitation-2.php  # 请柬页
      rsvp-*.php              # 出席回执页

核心文件说明link

• documentation/index.html — 文档站点入口，包含安装指南与页面结构说明
• documentation/css/style.css — 全局样式表，定义主色调（#10b3d6）及字体、间距等基础规范
• documentation/js/main.js — 导航固定、锚点滚动、侧栏切换、滑块初始化等核心交互
• sukun/config.php — 数据库连接、邮件配置等站点级参数
• sukun/mail-contact.php — 联系表单邮件发送逻辑
• sukun/invitation-1.php — 婚礼电子请柬页面模板

快速开始link

1. 将 sukun/ 目录部署至 PHP 7.x 及以上版本服务器；
2. 编辑 config.php 配置数据库与邮件参数；
3. 访问 index.php 查看首页效果；
4. 如需本地预览，可使用 php -S localhost:8000 或 VS Code Live Server（仅限静态资源）。

使用建议link

• 请柬页（invitation 系列）和 RSVP 表单适合婚礼邀请场景，建议配合 mail-contact.php 配置邮件通知；
• 文档站点（documentation/）仅供开发参考，正式上线时可移除或替换为内部 Wiki。