筱青Sabrina
26-05-11 23:21 微博认证:作者 代表作《腐草生萤》

昨天受邀在朋友的茶室做了一场关于文科生Vibe Coding的分享,而分享的演示内容,其实是我前一天晚上用AI花了不到一个小时,直接从纯文字变成了一个可交互的网站。

我这次用到的一个很好用的工具,是张咋啦之前开源在Github上的的把PPT变成html的项目:
http://t.cn/AXiU8ZhB

我大致的制作流程如下:
先自己列好要分享的大纲和文字重点。
然后用Codex,把以上Github的链接直接给AI。Codex作为coding agent,会直接读取这个链接上的内容,然后一步步把我的文字内容变成视觉化的html页面。
这个时候,我已经可以在本地电脑的终端打开这个html,在本地查看这个网页。
而我最终的步骤,是把这个本地网页,部署到了Vercel,这样就可以变成一个所有人都可以查看的公开网站。
关于如何把本地html部署到Vercel,我是直接让Codex帮我调用了Vercel的cli,在终端运行vercel --prod,然后跟着Codex的步骤,最终直接deploy。
(我这个因为是简单的静态网页,所以让Codex部署到了Vercel。如果是更复杂的、或者需要持续更新的项目,建议先在本地推送到GitHub,然后再从GitHub连接Vercel进行部署。)

希望这些流程以及分享内容本身能对大家有帮助!
#vibecoding##ai编程#

发布于 北京