解锁阅读资源请解锁后阅读【前言】最近给自己的站做了一个 ” 网站建设中 &r
解锁阅读资源 请解锁后阅读
【前言】
最近给自己的站做了一个 ” 网站建设中 ” 页面，效果还不错，源码分享给大家。
纯前端 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 邮件内容可以自行修改
【开源地址】
