Vercel 是一个全球 CDN 加速的静态网站托管平台,国内访问速度快,配置简单。
- 访问 https://vercel.com/signup 注册账号
- 登录后,点击 "New Project"
- 选择 "Import Git Repository"
- 如果您有 GitHub/GitLab 账号,可直接导入代码;如果没有,选择 "Upload"
- 上传本项目的所有文件(index.html, style.css, script.js)
- 点击 "Deploy" 开始部署
- 部署完成后,您将获得一个免费的域名(如:your-project.vercel.app)
Cloudflare Pages 是 Cloudflare 推出的静态网站托管服务,国内访问速度优秀。
- 访问 https://dash.cloudflare.com/sign-up 注册账号
- 登录后,进入 "Workers & Pages"
- 点击 "Create a project" -> "Pages"
- 选择 "Upload assets"
- 上传本项目的所有文件
- 点击 "Deploy site"
- 部署完成后,您将获得一个免费的域名
- 访问 https://www.aliyun.com/ 注册账号
- 登录后,进入 "对象存储 OSS"
- 创建一个 Bucket,权限设置为 "公共读"
- 上传本项目的所有文件
- 进入 "静态网站托管" 设置
- 设置默认首页为 "index.html"
- 保存设置后,您将获得一个访问域名
当前版本使用的是预定义祝福语,如果您想接入真实 AI API(如百度文心一言、OpenAI 等),请修改 script.js 中的 generateBlessing() 函数:
function generateBlessing() {
// 替换为真实的 AI API 调用
fetch('YOUR_AI_API_URL', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
role: selectedRole,
prompt: '生成一条春节拜年祝福语'
})
})
.then(response => response.json())
.then(data => {
currentBlessing = data.blessing;
// 显示结果...
});
}在 index.html 中的 qr-placeholder 区域替换为您的微信打赏二维码图片:
<div class="qr-placeholder">
<img src="your-wechat-qr.jpg" alt="微信打赏二维码" style="width: 100%; height: 100%; object-fit: cover;">
</div>在 index.html 中的 ad-content 区域替换为您的广告内容:
<div class="ad-content">
<!-- 您的广告内容 -->
<a href="your-ad-url" style="color: #d92027; text-decoration: none;">
春节特惠活动,点击了解详情
</a>
</div>如果您熟悉命令行,可以使用以下脚本快速部署:
# 安装 vercel CLI
npm install -g vercel
# 登录 vercel
vercel login
# 部署项目
vercel --prod部署完成后,您可以通过以下方式测试访问:
- 直接访问获得的域名
- 使用手机微信扫描生成的拜年图片二维码
- 在不同网络环境下测试访问速度
- 启用 Gzip/Brotli 压缩:减小文件大小,提升加载速度
- 配置 CDN:加速静态资源访问
- 图片优化:压缩图片大小,使用 WebP 格式
- 延迟加载:非关键资源延迟加载
- 缓存策略:设置合理的缓存头
如果您使用国内服务器或域名,需要进行 ICP 备案:
- 阿里云:https://beian.aliyun.com/
- 腾讯云:https://beian.cloud.tencent.com/
- 百度云:https://cloud.baidu.com/product/icp.html
备案流程一般需要 1-2 周时间,请提前准备。
如果您在部署过程中遇到问题,可以:
- 查看各平台的官方文档
- 搜索相关错误信息
- 联系平台的技术支持
祝您部署顺利,网站大获成功!🎉