为什么想到做卡片生成网页

今天起来整理浏览器书签，看到 Text2Card 这个网站，我点进去玩了玩，感觉开发者 （本山德彪）他已经不更新了。但我觉得这种小工具还蛮有意思，就在想 Grok Bot 能不能帮我做一个出来，自己用。原站的模板和编辑选项太少，于是我和 Grok Bot 合作，做了一个生成卡片的小网页。

整个过程是 Grok Bot 指挥我做的，下面是步骤。

第一步：把想法说清楚。 我没有写一行代码，只是告诉它我要什么：文字输入进去，生成一张分享图，能下载，也能复制，没有水印，不依赖任何外部服务，打开浏览器就能用。Grok Bot 帮我把这些整理成一页需求：一个单独的网页文件，中文自动换行，几种样式，几种尺寸。

第二步：先做出一个能跑的版本。 它在自己那边写好、测好，再把文件放到我的电脑上。我双击打开，输入一段中文，右边的图片就跟着变了。第一版我只看了几眼，就说：太难看了。

第三步：嫌丑就换，让它去找灵感。 我提的要求是样式要十种，尺寸要手机上能用的方图、竖屏和横屏。它去网上看了一圈卡片设计的常见做法，做出了十种：纸墨、财经、糖果、午夜、晨曦、亚麻、烛光、瑞士、薄荷、便签。

第四步：一点点加细节。 我提的要求很具体。字体要用开源的霞鹜文楷；文字能靠左、居中、靠右，还能上下左右挪动，免得压到便签的横线。纸墨加宣纸纹理，财经加一层模糊的 K 线和货币符号，糖果加彩虹，午夜加一点电子绿，烛光做成夜空蓝混着烛光棕。每一条它都照做，我看一眼，不满意再说。

第五步：遇到问题，就一起解决。 中间有一次，页面一直转圈，打不开。它排查之后发现，是旧版本留在浏览器里的设置和新版对不上，页面算错了数，就卡住了。修好之后，它又加了一层保护，后来再没出过这个问题。

第六步：放到自己的网站上。 上线用的是 Cloudflare，免费。我只是照着它给的步骤，一步一步点：上传文件夹，绑定子域名 card.zenmind.club。过程中，有几处界面和它预想的不太一样，我截图发给Grok Bot，它马上改了说法。前后大约四十分钟，https://card.zenmind.club 就能打开了。

我把它搭到了我自己的博客上，你们想用的话，也可以试试，在导航栏左侧的Card上点击。 现在有 Grok Bot、Codex 这些工具，维护起来也方便多了。又是一个电脑小白靠 AI 做成事的小案例。