炫酷爱心动画 💗

为方吉文准备的超级炫酷爱心动画页面！

🌐 在线访问

国际访问：

• GitHub Pages: [待启用]
• jsDelivr CDN: https://cdn.jsdelivr.net/gh/bianbiandashen/svelte-ssr-TailwindCSS6-jit@main/heart.html

国内访问：

• Vercel: [按照下面步骤部署]
• Gitee Pages: [按照下面步骤部署]

🚀 部署到国内可访问的平台

方法1：Vercel（推荐，最简单）

1. 访问 https://vercel.com
2. 使用GitHub账号登录
3. 点击 "Import Project"
4. 选择这个仓库：bianbiandashen/svelte-ssr-TailwindCSS6-jit
5. 点击 "Deploy"
6. 部署完成后会得到一个 .vercel.app 域名，国内可访问！

方法2：Gitee Pages（完全国内）

1. 访问 https://gitee.com 并登录
2. 创建新仓库（公开）
3. 在本地执行：

   cd /tmp/svelte-ssr-TailwindCSS6-jit
   git remote add gitee [email protected]:你的用户名/仓库名.git
   git push gitee main
   

4. 在Gitee仓库页面，点击 "服务" → "Gitee Pages"
5. 点击 "启动" 即可
6. 访问：https://你的用户名.gitee.io/仓库名/heart.html

方法3：Netlify

1. 访问 https://app.netlify.com
2. 使用GitHub登录
3. "Add new site" → "Import an existing project"
4. 选择这个仓库
5. 直接部署，会得到 .netlify.app 域名

✨ 功能特性

• ❤️ 心跳动画
• 🎆 点击爆炸特效
• 🌈 彩色烟花粒子
• ✨ 魔法光圈
• 💗 飘浮爱心
• 🌊 涟漪效果
• ⭐ 鼠标轨迹
• 📳 屏幕震动
• 💥 双击超级爆炸

🎮 使用方法

• 单击爱心：炫酷烟花爆炸
• 双击爱心：超级大爆炸
• 点击5次：触发屏幕震动
• 点击背景：涟漪扩散效果
• 移动鼠标：留下粒子轨迹

Made with 💗 for 方吉文