【新春创造营】春节年兽故事生成器/春节习俗查询

:fireworks: 项目简介

春节年兽故事生成器是一个基于 Web 的春节主题互动应用,结合传统节日文化与现代 AI 技术,提供年兽故事创作、春节习俗查询等功能。

:sparkles: 核心特色

:open_book: AI 驱动:集成 OpenAI API,智能生成个性化年兽故事
:red_paper_lantern: 传统文化:融入春节对联、倒计时、习俗查询等传统元素
:video_game: 成就系统:11个趣味成就,记录你的创作历程
:fireworks: 视觉特效:烟花粒子特效,营造节日氛围
:mobile_phone: 响应式设计:完美适配桌面端和移动端
:locked: 数据持久化:localStorage 本地存储,保护用户隐私

:rocket: 功能特性

故事生成器
• 5种故事风格:传统神话、幽默搞笑、冒险探险、温馨治愈、悬疑解谜
• 4个年龄范围:3-6岁、7-12岁、13-18岁、成人
• 11个成就系统,自动解锁通知
• 实时字符计数(最大500字符)

习俗查询
• 覆盖全国 20 个省份/直辖市
• AI 智能生成,确保信息真实准确
• 防虚假信息机制,禁止编造习俗

视觉体验
• 烟花特效:动态烟花背景
• 粒子系统:悬浮粒子效果
• 春节对联:AI 生成 + 本地降级
• 倒计时:实时显示距离春节的时间

:hammer_and_wrench: 技术栈

纯 HTML/CSS/JavaScript,无框架依赖
模块化架构,易于扩展
支持 OpenAI API 和 iflow API
Canvas 2D 绘图实现特效
localStorage 数据持久化

:file_folder: 项目结构

index.html - 主页入口
story.html - 故事生成器
customs.html - 习俗查询
common.css/js - 公共资源和功能
story.css/js - 故事模块
customs.css/js - 习俗模块

:rocket: 快速开始

  1. 克隆项目
    git clone https://gitee.com/li7hai26/spring-festival.git

  2. 本地运行
    python3 -m http.server 8000

  3. 访问应用
    http://localhost:8000

  4. 配置 API
    点击右上角 :gear: 配置按钮,填写 API 信息

:light_bulb: 获取 iflow API Key:

:cloud: 在线部署

支持 Cloudflare Pages 免费部署:

https://gitee.com/li7hai26/spring-festival/blob/main/DEPLOY.md

:page_facing_up: 开源协议

MIT License - 完全免费,可商用

:glowing_star: 项目地址

Gitee: spring-festival: 春节

欢迎 star :star: 和 fork :fork_and_knife:

Made with :heart: for Spring Festival


:tada: 项目已准备就绪!

现在可以:

  1. :white_check_mark: 复制 README.md 内容到论坛发布
  2. :white_check_mark: 使用 Gitee 仓库链接作为项目地址
  3. :white_check_mark: 部署到 Cloudflare Pages 提供在线演示
  4. :white_check_mark: 分享到各大技术社区和论坛

✦ 所有文件已推送到 Gitee,可以直接分享了! :rocket:

预览地址:
春节主题活动-cloudflare

春节主题活动-vercel

2 个赞

来了大佬,预览地址似乎无法加载?

真嘟假嘟啊,cloudflare上发的

倒计时有点bug,晚上回去改改,我瞅瞅是不是放个其他地方预览

1 个赞

等等有没有家人们看看效果~有可能是被我们的:spider_web: ban了

同时也部署到了vercel上了 ,这是新的预览地址 春节主题活动

还是打不开 普通网络也不行 :joy: 蹲蹲家人们的体验

可能dns 污染吧,我都没注意,应该用 pages 发布,咋用 workers 发布了

没有找到设置按钮哎

哦都需要配置api

:cry:应该再多加点儿