Kingex - Creative Portfolio Template

# 项目简介 Kingex 是一款创意作品集单页模板，提供 6 种首页变体（全屏轮播、Ken Burns 幻灯片、单图片背景、YouTube/Vimeo 视频背景、波纹效果），适合摄影师、设计师等创意工作者搭建个人展示站点。 ## 技术栈 - HTML5 / CSS3（静态页面） - JavaScript（jQuery + 多款轮播/弹窗插件） - PHP（联系表单 + MailChimp 订阅接口） - 第三方组件：Slick、Owl Carousel、Magnific Popup、Swiper ## 项目结构 ``` 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 # 官方文档页面 ``` ## 核心文件说明 - `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 等插件的配置 ## 快速开始 1. 直接用浏览器打开 `Kingex-v1-0-Template/index-HERO-SLIDESHOW-ZOOM-FADE.html` 预览全屏轮播版本 2. 如需使用联系表单或订阅功能，需将整个模板目录部署至 PHP 环境（如 XAMPP/Nginx），并修改 `contact.php` 中的收件邮箱以及 `subscribe.php` 中的 MailChimp API Key 和 List ID ## 使用建议 该模板为纯静态单页结构，适合直接替换图片与文案后快速上线；若要接入真实邮件功能，请务必在 PHP 环境中运行，并确保服务器已配置 `mail()` 函数或使用第三方邮件服务。