诺诺塔罗 NuoTarot

一个可部署到 Vercel 的静态 Next.js 塔罗占卜应用。页面没有请求后台接口，占卜数据、牌阵配置和解读逻辑都在前端 TypeScript 模块中，牌面图片来自 Rider-Waite-Smith 1909 公共领域版本。

功能

• 首页品牌入口：诺诺塔罗 NuoTarot
• 每日运势：情感、事业、身体、学业四个方向，抽取过去、现在、未来三张牌
• 牌阵解读：二选一、三张牌、圣三角、六芒星、凯尔特十字
• 纯前端随机抽牌与解读生成
• 响应式布局、卡牌翻转、减少持续装饰动画

数据来源

• 塔罗牌基础数据、关键词、牌义与解读模板：src/data/tarot.ts
• 抽牌、洗牌、综合解读函数：src/lib/tarot.ts
• 牌面图片：public/design/cards/00.jpg 到 public/design/cards/77.jpg
• 牌背与背景：public/design/card-back.png、public/design/background.jpg、public/design/background2.jpg

技术栈

• Next.js App Router
• React
• TypeScript strict mode
• 静态导出配置：next.config.ts 中 output: 'export'

本地开发

npm install
npm run dev

打开 http://localhost:3000。

构建

npm run build

构建会生成静态站点，可由 Vercel 自动部署。Vercel 导入仓库后使用默认 Next.js 设置即可。

后续优化方向

• 生成 WebP/AVIF 缩略图，降低 card-back.png 和 78 张牌面的网络体积
• 增加逆位牌、分享结果图、历史记录、多语言
• 将牌义扩展为更完整的数据集

许可证

• 塔罗牌面：Rider-Waite-Smith 1909 原版，公共领域 (Public Domain)
• 牌背插画：原创设计