不会代码？1 小时用 AI 克隆高颜值知识卡片网站！附保姆级部署教程
上午看到有人在群里发了几个知识卡片，颜值还行，注意是人类手动 ps 的。
我感觉这个没必要手动，就直接让 claude4 试试从作品倒推复刻对应的代码。
没想到不到 1 小时（我完全在干别的，而且包括部署上线时间），claude4 就几乎无修改地给我上线了。
地址：https://read.staraiwork.cn/
生成效果大概是这个样子的。很多个颜色可以选。
输出的👇🏻这个样子，和我在群里看到的可以说几乎是差不多了。
有图表有提炼，有你的推广信息。
你全程根本不用跟它强调不同加载态咋办，提示文案咋办，它很多都默认自带了。其中 json 格式导出我一开始根本没提，它自己想的。
小功能点：
1、只用随便复制一段文字进去，点击生成即可。
2、多格式多色可选：可导出 PNG、JPG 格式的卡片。
3、可以随意编辑，然后保存修改再导出。
4、支持导出 json 格式，方便之后直接在本地编辑完了之后导入二次修改。
真个网站上线的这部分小白同学可能有点晕，其实很简单，我们会专门有一篇文章从 0-1 告诉大家如何上线一个项目。
做完之后我只有 2 个感受，划重点：
claude4 后时代再无所谓的小创意，人人可做。
一个人没有商业思维就完了，以后 ai 的发展会让普通技能的人罹患不幸。
现在的 AI 技术足够让小白赚咖啡钱了，大多数人还没意识到了。
沟通提示词
把这张图发给 cursor，然让它对内容结构进行分析。
加上我们只是要做 demo，
所以不需要后端储存只要前端，
这些需求统统你写好发给 cursor：
然后你就在本地终端进行调试就可以了，有哪里就直接告诉 cursor 然它改。
部署上线
建构部分只用来一句
现在我要在宝塔面板进行网站部署，请帮我准备上线文件。
claude4 能直接听明白给你准备生产文件。还会手把手教你咋部署。
拿到生产文件后就剩部署了。
平常不做网站的赶紧加签一个子域名解析下就可以了。之后会单独讲怎么用阿里云部署网站，真的特别费劲所以一篇文章写不完。如果你感兴趣，可以先和 cursor 聊聊，
接着我们打开宝塔，新建子站点或者选择你已有的站点就行了。
把 cursor 给你的文件都拖到指定站点的文件目录下。
建构之后之后就可以运行自己出图啦~
学废了吗朋友，我一个文科生玩下来只想说，好神奇哦～
更多 AI 教程关注我，0 基础小白也能上手哦～
往期文章：
p.s.
部分图片来自网络，仅供学习分享，版权归原作者所有，如有侵权，可联系我们删除。
版权声明: 本文为 InfoQ 作者【阿星AI工作室】的原创文章。
原文链接:【http://xie.infoq.cn/article/230371ae4bc6f7fd531c0fddb】。未经作者许可，禁止转载。
还未添加个人签名 2025-05-15 加入
还未添加个人简介
评论