项目简介link

Kingex 是一款创意作品集单页模板，提供 6 种首页变体（全屏轮播、Ken Burns 幻灯片、单图片背景、YouTube/Vimeo 视频背景、波纹效果），适合摄影师、设计师等创意工作者搭建个人展示站点。

技术栈link

• HTML5 / CSS3（静态页面）
• JavaScript（jQuery + 多款轮播/弹窗插件）
• PHP（联系表单 + MailChimp 订阅接口）
• 第三方组件：Slick、Owl Carousel、Magnific Popup、Swiper

项目结构link

kingexhtml-10/
├── Kingex-v1-0-Template/
│   ├── index-*.html          # 6 种首页变体
│   ├── contact.php           # 联系表单后端
│   ├── subscribe.php         # MailChimp 订阅后端
│   ├── css/
│   │   ├── style.css         # 主样式（含 27 个章节注释）
│   │   └── plugins.css       # 第三方组件样式
│   ├── js/
│   │   ├── kingex.js         # 主交互脚本
│   │   ├── plugins.js        # 第三方插件初始化
│   │   └── wave.js           # 波纹动效
│   ├── img/                  # 图片资源
│   └── mailchimp/            # MailChimp SDK
└── Kingex-v1-0-Documentation/
    └── index.html            # 官方文档页面

核心文件说明link

• index-*.html — 各首页变体的入口文件，按需选用
• css/style.css — 主样式表，定义了背景、布局、轮播等全部视觉规则
• js/kingex.js — 主导航、新闻订阅面板、滚动等交互逻辑
• contact.php — 联系表单 PHP 后端，验证并发送邮件
• subscribe.php — MailChimp 订阅接口，需填入 API Key 与 List ID
• js/plugins.js — Slick、Owl Carousel、Magnific Popup 等插件的配置

快速开始link

1. 直接用浏览器打开 Kingex-v1-0-Template/index-HERO-SLIDESHOW-ZOOM-FADE.html 预览全屏轮播版本
2. 如需使用联系表单或订阅功能，需将整个模板目录部署至 PHP 环境（如 XAMPP/Nginx），并修改 contact.php 中的收件邮箱以及 subscribe.php 中的 MailChimp API Key 和 List ID

使用建议link

该模板为纯静态单页结构，适合直接替换图片与文案后快速上线；若要接入真实邮件功能，请务必在 PHP 环境中运行，并确保服务器已配置 mail() 函数或使用第三方邮件服务。