一款面向塔罗牌学习者、占卜师、爱好者的卡牌检索、解释查询、记忆强化工具,帮助用户快速查询每张牌的含义、正逆位解释、象征意义,并通过记忆口诀、收藏、随机抽牌等功能强化记忆。
- 22张大阿卡纳
- 56张小阿卡纳(权杖、圣杯、宝剑、星币)
- 每张牌包含:中英文名称、核心关键词、正位详细解释、逆位详细解释、感情/事业/财运/人际细分解读、象征元素、记忆口诀、记忆联想点
- 按牌名搜索
- 按关键词搜索(爱情、财运、开始、结束等)
- 按正逆位筛选
- 分类浏览(大阿卡纳/小阿卡纳、四元素分类)
- 每张牌专属记忆口诀
- 收藏功能,方便复习
- 随机抽牌练习功能
- 用户可自然语言提问,例如:
- "恋人正位在感情里代表什么?"
- "用最简单的话解释高塔逆位"
- "给我一个容易记的死神牌口诀"
- AI自动匹配卡牌并给出清晰解释
- 神秘、简约、高级感
- 支持深色模式
- 移动端优先,微信打开完美适配
- 加载快、无广告、操作简单
tarot-app/
├── index.html # 主页面
├── style.css # 样式文件
├── script.js # 主要功能逻辑
├── data.js # 塔罗牌数据
├── ai.js # AI智能问答功能
├── wechat-config.js # 微信配置
└── README.md # 项目说明
-
准备代码
- 将项目文件夹
tarot-app上传到 GitHub 仓库
- 将项目文件夹
-
部署到 Vercel
- 访问 Vercel
- 点击 "New Project"
- 选择你的 GitHub 仓库
- 点击 "Deploy" 按钮
- 等待部署完成
-
获取访问链接
- 部署完成后,Vercel 会生成一个 URL
- 复制该 URL,即可在微信中打开使用
-
准备代码
- 将项目文件夹
tarot-app上传到 GitHub 仓库
- 将项目文件夹
-
部署到 Netlify
- 访问 Netlify
- 点击 "New site from Git"
- 选择你的 GitHub 仓库
- 点击 "Deploy site"
- 等待部署完成
-
获取访问链接
- 部署完成后,Netlify 会生成一个 URL
- 复制该 URL,即可在微信中打开使用
-
准备代码
- 将项目文件夹
tarot-app上传到 GitHub 仓库
- 将项目文件夹
-
配置 GitHub Pages
- 进入仓库设置
- 找到 "Pages" 选项
- 选择 "main" 分支
- 点击 "Save"
-
获取访问链接
- 等待几分钟后,GitHub Pages 会生成一个 URL
- 复制该 URL,即可在微信中打开使用
- 全屏运行,无浏览器栏
- 完美适配手机屏幕
- 支持触摸操作
-
浏览牌库
- 选择分类(大阿卡纳/小阿卡纳)
- 选择元素(权杖、圣杯、宝剑、星币)
- 点击卡牌查看详细信息
- 点击 "🎲 随机抽牌" 进行练习
-
搜索卡牌
- 在搜索框输入牌名或关键词
- 选择正位/逆位筛选
- 点击 "搜索" 按钮
-
AI问答
- 在输入框中输入自然语言问题
- 点击 "发送" 按钮
- 查看 AI 智能回答
-
我的收藏
- 在卡牌详情页面点击 ❤️ 按钮收藏卡牌
- 在 "我的收藏" 页面查看已收藏的卡牌
-
深色模式
- 点击顶部的 🌙 图标切换深色模式
- 点击 ☀️ 图标切换回浅色模式
- 纯前端实现:无需后端服务器,所有数据和逻辑都在前端处理
- 响应式设计:适配各种屏幕尺寸,特别是移动端
- 微信优化:针对微信内置浏览器进行了专门优化
- AI智能:内置智能问答系统,提供自然语言交互
- 本地存储:使用 localStorage 存储用户收藏,无需登录
- 支持所有现代浏览器
- 支持微信内置浏览器
- 支持 iOS Safari
- 支持 Android Chrome
- 添加卡牌图片
- 增加更多语言支持
- 优化 AI 问答算法
- 添加用户账户系统
- 增加更多记忆游戏和练习功能
MIT License
如有问题或建议,欢迎联系我们。
祝您使用愉快! 🌙✨