Skip to content

wangych/bainiantemplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

AI春节拜年信息生成器 - 部署指南

🎯 部署选项

方案一:使用 Vercel 一键部署(推荐)

Vercel 是一个全球 CDN 加速的静态网站托管平台,国内访问速度快,配置简单。

部署步骤:

  1. 访问 https://vercel.com/signup 注册账号
  2. 登录后,点击 "New Project"
  3. 选择 "Import Git Repository"
  4. 如果您有 GitHub/GitLab 账号,可直接导入代码;如果没有,选择 "Upload"
  5. 上传本项目的所有文件(index.html, style.css, script.js)
  6. 点击 "Deploy" 开始部署
  7. 部署完成后,您将获得一个免费的域名(如:your-project.vercel.app)

方案二:使用 Cloudflare Pages 部署

Cloudflare Pages 是 Cloudflare 推出的静态网站托管服务,国内访问速度优秀。

部署步骤:

  1. 访问 https://dash.cloudflare.com/sign-up 注册账号
  2. 登录后,进入 "Workers & Pages"
  3. 点击 "Create a project" -> "Pages"
  4. 选择 "Upload assets"
  5. 上传本项目的所有文件
  6. 点击 "Deploy site"
  7. 部署完成后,您将获得一个免费的域名

方案三:使用阿里云静态网站托管(国内服务)

部署步骤:

  1. 访问 https://www.aliyun.com/ 注册账号
  2. 登录后,进入 "对象存储 OSS"
  3. 创建一个 Bucket,权限设置为 "公共读"
  4. 上传本项目的所有文件
  5. 进入 "静态网站托管" 设置
  6. 设置默认首页为 "index.html"
  7. 保存设置后,您将获得一个访问域名

📝 配置说明

替换 AI 生成 API

当前版本使用的是预定义祝福语,如果您想接入真实 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

📱 测试访问

部署完成后,您可以通过以下方式测试访问:

  1. 直接访问获得的域名
  2. 使用手机微信扫描生成的拜年图片二维码
  3. 在不同网络环境下测试访问速度

📊 性能优化建议

  1. 启用 Gzip/Brotli 压缩:减小文件大小,提升加载速度
  2. 配置 CDN:加速静态资源访问
  3. 图片优化:压缩图片大小,使用 WebP 格式
  4. 延迟加载:非关键资源延迟加载
  5. 缓存策略:设置合理的缓存头

📄 备案说明

如果您使用国内服务器或域名,需要进行 ICP 备案:

  1. 阿里云:https://beian.aliyun.com/
  2. 腾讯云:https://beian.cloud.tencent.com/
  3. 百度云:https://cloud.baidu.com/product/icp.html

备案流程一般需要 1-2 周时间,请提前准备。

📞 技术支持

如果您在部署过程中遇到问题,可以:

  1. 查看各平台的官方文档
  2. 搜索相关错误信息
  3. 联系平台的技术支持

祝您部署顺利,网站大获成功!🎉

About

生成拜年短信

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published