免费分享｜高颜值网站建设中 / Coming Soon 页面源码，自带邮箱订阅 + 微信推送通知
【前言】最近给自己的站做了一个"网站建设中"页面，效果还不错，源码分享给大家。
纯前端 + PHP 后端，不依赖任何框架和第三方库，拿来就能用。适合新站上线前挂着当建设中页面，顺便收集用户邮箱。
【功能亮点】
前端部分：
星空粒子背景 + 粒子连线动画（Canvas 实现，100 个粒子）
鼠标跟随紫色光晕效果
30 天自动倒计时，数字翻转动画
建设进度条展示
邮箱订阅表单 + 滑块验证码（防机器人）
微信公众号二维码展示
完整响应式适配（PC / 平板 / 手机）
入场动画（fadeIn、shimmer 等）
后端部分（subscribe.php）：
邮箱格式验证（前端 HTML5 + 后端 filter_var 双重校验）
邮箱去重，防止重复订阅
JSON 文件存储，文件锁防并发（不需要数据库）
订阅成功自动发送 HTML 格式确认邮件（紫色渐变主题）
ShowDoc 微信推送通知管理员（有人订阅立刻收到微信消息）
原生 PHP Socket SMTP 发信，零依赖
安全机制：
滑块验证码防止恶意提交
前端 localStorage 本地备份
CORS 跨域支持
邮箱格式前后端双重验证
【技术栈】
HTML5 + CSS3（纯手写无框架）
Vanilla JavaScript（粒子动画、倒计时、滑块验证、表单提交）
PHP 7.0+（原生 Socket SMTP）
JSON 数据存储，无需数据库
【部署方法】
把文件上传到你的虚拟主机或服务器
修改 subscribe.php 顶部的 SMTP 配置（邮箱、授权码等）
确保 PHP 有写入权限
替换公众号二维码图片
访问你的域名，搞定
【自定义说明】
品牌名称：搜索 AMUCHEN 和 沐辰网络 替换成你自己的
倒计时天数：JS 里 setDate(+30) 改数字
进度百分比：CSS 里 progressGrow 动画和 HTML 里 35% 改成你要的
配色：主色 #a78bfa（紫色），全局搜索替换即可
邮件模板：subscribe.php 里的 HTML 邮件内容可以自行修改
【开源地址】
GitHub：https://github.com/mcwlgzs/amuchen-coming-soon
觉得不错的话给个 Star 支持一下，有问题欢迎提 Issue。
免费开源，随意使用和修改。
页:
[1]