十三年后,我用AI把塔罗牌做成了一个网站

在五一前一天，朋友突然问我一个 Claude Code 的问题，我也不懂，但他这么一问，倒让我想起一个搁置已久的念头——要不我也试试让 AI 帮我做个网站？干脆让 Claude 先出个 demo，它慢吞吞吐出一个网站给我，但你别说，效果还不错，基本符合我的审美。

最后仅用一天半，我在昨天把这个网站上线了，名字叫作牌间，是一个塔罗牌工具，可抽牌、可看牌面、可 AI 占卜。

https://tarot.liangmouyin.com/

一切来得如此迅捷，让我觉得不太真实。

我为什么想要做这个塔罗牌网站呢？

我和塔罗

其实在中学时我痴迷此道。第一次注册淘宝，是为了买台版塔罗书（这钱是省吃俭用攒的，我还上贴吧卖我那一堆小说）。比如 Rachel Pollack 的《塔羅全書》和《78度的智慧》，向日葵的《塔羅葵花寶典》，玛丽.K.格瑞尔的《塔羅逆位牌:》，而且大部分都是繁体字，好在求知欲让我读过最开始的不习惯，最后越发顺畅起来。书的内容我其实早就忘得一干二净，但我还记得台版译者喜欢用「弔詭」这个词，当时不解，后来才知道指「奇异、怪诞、无法理解」。

学塔罗最有趣的阶段不是记住牌意，而是到符号意象上。《78度的智慧》细致拆解韦特塔罗上每一张牌的符号，意味着什么，跟艾略特的《荒原》有什么关系，有的元素会如何重复，在不同牌上又代表什么，数字的深意有哪些，等等，这有一种把玩具拆下来后挨个查看，再重新组装起来的感觉。

当时我看得如痴如醉，但那时年轻喜欢冲浪，所以经常混迹贴吧，和一堆陌生网友交流，看看他们是怎么给人占卜的，如何选择牌阵，如何解读牌意，根据背景如何诠释，最后给出一份答案。这事我也做过，我嫌贴吧不够过瘾，后来在 QQ 空间、豆瓣小组、微博话题给人占卜，对方陈述自己的情况，我再抽牌解答，最后逐字答复。

在现实中我也给同学占卜过。我记得是一个晚上，同学的问题我早已忘记，但估计和她朋友、母亲有关。记得当时我用经典的三张牌给同学占卜，即过去、现在、未来各有一张，反正我给出读解读后，女同学好像找到话匣子似的，说了一大通，但有个印象很深，她说她母亲头疼，好像是跟谁闹矛盾被打了。

那一瞬间，我脑海忽有闪电划过，因为桌上的三张牌里，有一张是「权杖九」，一个愁眉苦脸的人抱着一根长棍，身后插着八根棍子，而他的头上正裹着白色纱布。

这事已经过去十三年，但我还记得一清二楚。

步入高二分文理科后，因为我学业繁忙，我也抽不出时间继续钻研塔罗牌，熬到大学后更是一心扑在游戏上。最后，我离塔罗和当年熟识的网友，愈来愈远。

突然意动

而我在前段时间逛网页时，看到一个外国作者用 Krita 手绘塔罗牌，以动物为主，画风清奇，非常有趣。他足足画了 78 张牌，我非常钦佩，而且意象和韦特原版很贴切。

我当时冒出一个要不我自己也画一版试试，但很快就打消这个念头，毕竟我的画工一言难尽。继而我又想，AI 生图现在这么成熟，我要不干脆自己用提示词，让 AI 生成试试。

可只是图片有什么意义，罢了罢了。

某天我继续在网上冲浪，看到 tombkeeper 分享他用 AI 绘画塔罗的心得和一个塔罗网站。我忽然想为什么我自己不做一个网站呢？

在过去，我从零到一做网站几乎不可能，我得学完前端知识才行。而现在有了 AI 后，我搭建了自己的博客，最初是问 Gemini，我自己寻找模板，从 Hexo 切换到 Hugo，然后手动着修改本地文档，尽管磕磕绊绊，好歹是把博客做出来了。

后来有了 Claude Code，做网站变得更容易了。我只要跟它提需求，AI 就能在本地编写代码，省去查找文件、上传代码、复制粘贴这一步，我要做的是确认权限、预览网站，再提出新的需求。

我的博客此前用的是仿 bear blog 主题，后来某天看腻了，就干脆 AI 帮我重新设计一个，几番调整后，竟也变得舒心起来。此后我不再怀疑 AI 写代码的能力，只要我有想法，那管他能不能实现，先做了再说，最坏的结果无非是消耗 token 嘛。

念头乍起，我就挂着这件事，并在第一时间把它写在纸质本上，还画了个网站草图。但第一部我就被难住了，如果用 AI 来生成图片，那我应该用什么作为主体，是猫是狗是猫头鹰？以及该用什么风格，穆夏梵高莫奈？后来朋友推荐《堆叠大陆》，我又想到《纪念碑谷》，也就补在本子上。

既然网站可以调用 AI 的 API，那我还能增加 AI 占卜的功能，应该不难实现。恰好 DeepSeek 发布 V4 模型，现在质量更高，价格还更便宜，我就敲定了 DeepSeek。

按我这拖延性子，四月底有想法，那估计会卡在寻找风格一个月，等到做出来，估计要六月。而开篇提到朋友的问题，让我确实想着先让 AI 给我做一个 demo，质量差点无所谓，我先看看样子，

可一旦开了个头，我发现毫不违和，就是我心里的模样。其时箭在弦上不得不发，一股折腾的念头撞破一切阻碍，那就干吧！

筚路蓝缕

接下来就是我和 AI 的筚路蓝缕。

关于塔罗牌的设计可能并非重点（你估计也不想听我侃上几千字），但可以简要说说。风格我最后选择类似《纪念碑谷》的，但并不提这款游戏，避免太过相似，而是 M.C. Escher 和包豪斯主义，要有禅意，以及不要文字和边框（最开始有，但 ChatGPT 会突然变换边框样式，最好先生成纯图片，后期再统一加上）。重点是要保持图片一致性，我就借助了 Branch 功能，反复开对话重来。

解决牌面后就是牌意，每张牌的意思各不同相同，我直接让 AI 生成。我的核心是不要太有鸡汤味，也不要着重描述画面（因为我这是根据韦特版重绘，但细节不尽相同）。大阿卡纳的描述颇有诗意，语言精炼。小阿卡纳也有惊喜，比如在被三把剑插在心上的宝剑三上，Claude 给的诠释是「痛是真的。不需要把它包装成「成长」或者「经历」，它就是痛。先是这样，然后才是别的」，使我想到「苦难就是苦难，它不是考验、不是礼物、也不是代价，它是它本身」这句精妙的话。

抽离开塔罗后，我们可以试着回答：如何让 AI 帮自己做一个网站（甚至不局限于网站）。

工具上我推荐 Claude Code，哪怕你不买它的会员，也可以到 DeepSeek 充五十块，然后配置一个 API keys，deepseek-v4-flash 模型妥妥够用。你千万别让自己卡在工具上，也不要纠结用的是不是最好的，你先干，干完就知道孰优孰劣（这是重点，我用这些工具，纯粹是因为我花了钱，不用不舒服，你用国产大模型也能实现这些东西）。

到具体步骤上。最开始一定要把提示词写得细致些，你可以先和 AI 交流，不断确认需求，最起码要包含你的界面有哪些东西，功能如何，设计风格是明是暗，面向的人群是谁。

然后就能把这一长串提示词喂给 Claude Code，让它先帮你做一个初版。功能姑且不论，但界面一定要足够合心，避免后期反复修改，不然你先设计好功能，再改页面，多少会有些犯难，因为一旦改动，估计会涉及到很多页面，工作量很大。

有了初版后，让 AI 给你推一个预览地址，你就能在浏览器上查看自己的网站了。最开始肯定不会尽善尽美，你有很多地方想要修改，比如我就折腾了很久的配色、字号、边距、两端对齐、图片圆角、抽卡动画、移动端界面修改……看起来活都是 AI 干的，你应该不会累，实在不然，你需要反复判断哪里需要调整，再在原有基础上反复修改，这过程很上瘾，但很容易让人陷入不断优化，并劳心费神的状态里。

不过大家估计会切换工具来做事，比如从 Claude Code 到 Codex，你总不能每次都重新解释一遍需求，或者让 AI 自己翻文件吧。我按照 Karpathy 的知识库思路，挖出一条绝妙方法：让 AI 自己写日志。

你可以要求 AI 在一个完成一个阶段（或每次执行后），都把记录写入项目下的 log.md文件，交代这个项目是做什么的，以及按时间顺序从新到旧写下去。这样你哪怕切换十个工具，只要日志还在，AI 就能在「前人」的基础上干活，并能理解最初为什么这么做，也方便出问题后溯源。

等网站完善得差不多后，就可以进入部署阶段。目前我用的是 GitHub 仓库配合 Cloudflare Pages：代码放在 GitHub，Cloudflare 负责自动部署和托管。因为我的域名本来就在 Cloudflare 买的，所以接入子域名很方便。

如果你在这一步犯难，也完全可以咨询 AI。它最起码不会一上来就给你塞一堆广告，或者骗你买用不上的功能，而是会根据你的网站功能、预算和技术基础，帮你选一个相对合适的部署方案。

完成这一步后，你就像坐在乌龟上的唐僧四人，顺利读过最后一难。但注意不要陷入过度优化中，昨天网站推出来后，今天我又优化新的东西，终于到我心目中的 1.0 后，我就不再优化，而是立刻放下电脑，出门散步一小时方才回来。

小结

写到这里，应该不会有人问你怎么变现吧？

我想我做这个网站并非为了赚钱，况且也赚不到（AI 本身能解答出更多东西），而是感觉当年我放下塔罗牌之后，在我心里面有那么一处空间还是属于它的。因此就冒出一个念头，我要做一个网站，把那处空间填上。

现在，我已经完成了，未来估计不会花太多时间去优化。这就像大阿卡纳的最后一张牌：世界，完成就是完成了。我已经将塔罗牌做成一个工具，一个随意进出的休憩之所，无聊时抽牌，有问题时占卜，就是这样。