项目简介link

Fasty 是一款"即将上线/维护中"（Coming Soon / Under Construction）单页模板，提供 12 种页面变体，支持 Hero 轮播、打字机动画、YouTube/Vimeo 视频背景、图片画廊、波纹动画等效果，适合网站上线前的占位页面。

技术栈link

• HTML5 + CSS3 + Vanilla JavaScript
• jQuery（用于轮播、动画等交互）
• Swiper 3.x（轮播组件）
• jquery.mb.YTPlayer（YouTube 视频背景）
• PHP（可选，用于联系表单和 MailChimp 订阅）

项目结构link

fastyhtml-10/
├── Fasty-v1-3-Documentation/     # 官方文档
│   └── index.html
└── Fasty-v1-3-Template/          # 模板主目录
    ├── index-*.html              # 12种页面变体
    ├── contact.php               # 联系表单后端
    ├── subscribe.php             # MailChimp订阅后端
    ├── css/style.css             # 主样式表
    ├── js/fasty.js               # 主脚本
    └── img/background/           # 背景图片资源

核心文件说明link

• Fasty-v1-3-Template/index-*.html — 12 种页面变体的入口文件，根据需求选择
• css/style.css — 全部 CSS，包含背景、布局、动画等（第 0-37 节索引）
• js/fasty.js — 核心交互逻辑（轮播、倒计时、表单等）
• contact.php — 联系表单后端，需填写 $myemail 收件地址
• subscribe.php — MailChimp 订阅后端，需填写 API Key 和 List ID
• js/wave.js — Canvas 波纹动画效果（部分变体使用）

快速开始link

1. 直接用浏览器打开 Fasty-v1-3-Template/ 下的任意 index-*.html 文件预览
2. 如需表单功能，部署到 PHP 环境后修改 contact.php 中的邮箱地址及 subscribe.php 中的 MailChimp 凭证
3. 替换 img/ 下的背景图片和 Logo 即可快速定制

使用建议link

该模板为纯静态展示页，表单功能依赖 PHP 环境；生产环境建议配合 Web 服务器（Nginx/Apache）部署，并确保 mail() 函数或 MailChimp API 可用。