Skip to content

liuzidi/TarotApp

Repository files navigation

塔罗牌学习与记忆助手

一款面向塔罗牌学习者、占卜师、爱好者的卡牌检索、解释查询、记忆强化工具,帮助用户快速查询每张牌的含义、正逆位解释、象征意义,并通过记忆口诀、收藏、随机抽牌等功能强化记忆。

功能特性

完整78张塔罗牌数据库

  • 22张大阿卡纳
  • 56张小阿卡纳(权杖、圣杯、宝剑、星币)
  • 每张牌包含:中英文名称、核心关键词、正位详细解释、逆位详细解释、感情/事业/财运/人际细分解读、象征元素、记忆口诀、记忆联想点

强大检索功能

  • 按牌名搜索
  • 按关键词搜索(爱情、财运、开始、结束等)
  • 按正逆位筛选
  • 分类浏览(大阿卡纳/小阿卡纳、四元素分类)

记忆辅助系统

  • 每张牌专属记忆口诀
  • 收藏功能,方便复习
  • 随机抽牌练习功能

AI智能问答

  • 用户可自然语言提问,例如:
    • "恋人正位在感情里代表什么?"
    • "用最简单的话解释高塔逆位"
    • "给我一个容易记的死神牌口诀"
  • AI自动匹配卡牌并给出清晰解释

界面风格

  • 神秘、简约、高级感
  • 支持深色模式
  • 移动端优先,微信打开完美适配
  • 加载快、无广告、操作简单

项目结构

tarot-app/
├── index.html          # 主页面
├── style.css           # 样式文件
├── script.js           # 主要功能逻辑
├── data.js             # 塔罗牌数据
├── ai.js               # AI智能问答功能
├── wechat-config.js    # 微信配置
└── README.md           # 项目说明

部署指南

方法一:部署到 Vercel(推荐)

  1. 准备代码

    • 将项目文件夹 tarot-app 上传到 GitHub 仓库
  2. 部署到 Vercel

    • 访问 Vercel
    • 点击 "New Project"
    • 选择你的 GitHub 仓库
    • 点击 "Deploy" 按钮
    • 等待部署完成
  3. 获取访问链接

    • 部署完成后,Vercel 会生成一个 URL
    • 复制该 URL,即可在微信中打开使用

方法二:部署到 Netlify

  1. 准备代码

    • 将项目文件夹 tarot-app 上传到 GitHub 仓库
  2. 部署到 Netlify

    • 访问 Netlify
    • 点击 "New site from Git"
    • 选择你的 GitHub 仓库
    • 点击 "Deploy site"
    • 等待部署完成
  3. 获取访问链接

    • 部署完成后,Netlify 会生成一个 URL
    • 复制该 URL,即可在微信中打开使用

方法三:部署到 GitHub Pages

  1. 准备代码

    • 将项目文件夹 tarot-app 上传到 GitHub 仓库
  2. 配置 GitHub Pages

    • 进入仓库设置
    • 找到 "Pages" 选项
    • 选择 "main" 分支
    • 点击 "Save"
  3. 获取访问链接

    • 等待几分钟后,GitHub Pages 会生成一个 URL
    • 复制该 URL,即可在微信中打开使用

微信内使用说明

微信打开效果

  • 全屏运行,无浏览器栏
  • 完美适配手机屏幕
  • 支持触摸操作

功能使用

  1. 浏览牌库

    • 选择分类(大阿卡纳/小阿卡纳)
    • 选择元素(权杖、圣杯、宝剑、星币)
    • 点击卡牌查看详细信息
    • 点击 "🎲 随机抽牌" 进行练习
  2. 搜索卡牌

    • 在搜索框输入牌名或关键词
    • 选择正位/逆位筛选
    • 点击 "搜索" 按钮
  3. AI问答

    • 在输入框中输入自然语言问题
    • 点击 "发送" 按钮
    • 查看 AI 智能回答
  4. 我的收藏

    • 在卡牌详情页面点击 ❤️ 按钮收藏卡牌
    • 在 "我的收藏" 页面查看已收藏的卡牌
  5. 深色模式

    • 点击顶部的 🌙 图标切换深色模式
    • 点击 ☀️ 图标切换回浅色模式

技术特点

  • 纯前端实现:无需后端服务器,所有数据和逻辑都在前端处理
  • 响应式设计:适配各种屏幕尺寸,特别是移动端
  • 微信优化:针对微信内置浏览器进行了专门优化
  • AI智能:内置智能问答系统,提供自然语言交互
  • 本地存储:使用 localStorage 存储用户收藏,无需登录

浏览器兼容性

  • 支持所有现代浏览器
  • 支持微信内置浏览器
  • 支持 iOS Safari
  • 支持 Android Chrome

后续优化方向

  • 添加卡牌图片
  • 增加更多语言支持
  • 优化 AI 问答算法
  • 添加用户账户系统
  • 增加更多记忆游戏和练习功能

许可证

MIT License

联系我们

如有问题或建议,欢迎联系我们。


祝您使用愉快! 🌙✨

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors