AI时代如何从0到1构建一个网站

每个人都说，AI时代构建网站的成本已经无限低了，每个人都能口喷出一个网站出来。

但是，依然有很多人说AI不行，说AI还是太垃圾，达不到预期，依然悲观。不过已经有很多的精美网站现在完全都是Vibe coding出来了，这不由得让我思考，在当下时代，如何用AI最快地从0到1构建出一个网站呢？下面我就来简单的梳理一下这整个流程。

编程工具

现在有很多AI工具比如国外的chatgpt、claude，国内的豆包、扣子、kimi等等，它们的网页版就已经能构建出一个网站了，但在这些构建的网站还大部分都是玩具，目前最好的方式依然还是用编程软件。

从我第一次开始编程，就是用的vscode，更久远一点还有vim这样的古早软件，vscode依然还是我编程工具中的一部分，但是主力已经完全被替换成了Codex 和 Claude destop的桌面版，而这就是我当前最推荐的编程工具，没有之一，这些桌面工具的能力并不止于简单的编程，几乎任何事都能用它们来解决。

Codex和Claude desktop可以简单理解成由AI驱动的桌面编程助手，你需要做的就是给它发指令，告诉它你想要做什么，它就能够将这件事给编程出来，能大大提高你的个人编程效率。

相较于vscode那种让agent作为侧边栏集成，代码需要被预览的方式，Codex这种完全由AI主导，无论是命令还是代码编写都由AI负责的方式才是更符合AI时代的构建哲学。

同时，所有需要学习的插件使用，安装教程都由AI搜索之后翻译给你听，只要你一声令下，它就会帮你立刻去执行任务，这种指哪打哪的体验感是以前完全难以想象的。

为什么我还依然有使用vscode的习惯呢？作为00后的牛马大学生来说，我还是有一些审阅代码和git分支构建的习惯，但对于更AI Native的一代来说，Codex和Claude desktop就是当下最应该使用的编程工具。

Github

不管是编程领域，还是任何领域的人才，在今后都绕不开GIthub。

GIthub 简单来说就是一个公共的图书馆，所有人都能给这个图书馆去捐献图书，也就是将自己构建的项目放上去，同时也能看别人的图书，享受别人的项目给自己带来的便利和灵感。

Github是当前最好的代码托管平台之一，你所构建出的网站能够在你的电脑上运行，但完全不能被别人看到，只能你自己孤芳自赏，但是你可以把你的代码部署到Github上，我们叫开源，这样在这个公众图书馆里面就有可能被别人看到，也就是在自己的电脑上也能运行。

但如何将自己的项目部署到GIthub上呢？这在以前可能是一个问题，但是现在这样的事你只需要跟AI聊天也就能解决了，下文会介绍跟AI对话构建->部署->上线网站的整个流程。

流程演示

我以Codex作为简单的演示，进入界面之后，先点击输入框下方的按钮，选择自己的工作区，无论是Win/Mac都可以新建一个文件夹之后就能够开发了。

进入对应的工作区之后呢，左边是我的项目列表和一些有趣的功能，右边主要的对话区域，就在这里指挥gpt去做事，现在它先要在我的example文件夹中设置一些环境配置，我们稍等片刻...，可以先去喝杯咖啡醒醒神。

稍微等待一会，哎喝完一杯咖啡回来Codex就已经搞定了，虽然页面的审美一般般，但执行的效率是真的快啊，如果想要更好的页面效果和规范，就要给出更好的提示词和问题，真不愧是目前最好用的桌面端AI。

接下来我们要将这个网站推到GitHub上面去，如果没有Github账号的可以先去https://github.com/进行一个注册，Codex目前的Github^[1] CLI插件还不可用，没能打通所有的流程，我们可以直接换成vscode去进行操作

点击右上角跳转vscode，如果没有先安装https://code.visualstudio.com/，在vscode中去进行对应的代码推送。^[2]

点击左侧publish branch，然后没有配置的用户填写自己的邮箱密码，推送到public公众仓库，后续就都能通过Codex直接对话式搞定了，简单快捷。

Vercel 上线

Vercel是目前最好用的网站上线/部署平台，怎么理解网站上线这件事呢？如果将Github 比作公共的图书馆，那上线的网站就相当于在数字世界有一个自己的根据地，所有上网的用户都能根据你提供的网址，来访问你的根据地，从而看到你的网站。

我们来到Vercel，找到我们刚刚推送上去的项目，点击import。

无需配置环境变量和其他的东西，直接deploy，稍微等待一会，大概30s之后就会部署成功了。

这样就是部署成功了，点击对应图片就能跳转到页面中来，左上角的链接可以复制给别人，他们就能够通过这个链接访问这个网站，能够让别人看到的网站才是好网站。

结尾

到这里如何部署一个网站的所有流程就已经全部跑通了，但依然还有一些潜在的问题是没有梳理清楚的。

账号注册登录，我的建议是统一使用Google邮箱注册登录，先将基础的流程跑通。
后续的功能维护，比如增加数据库能力，llm接口能力，都是需要配置环境变量，引入新的能力的，之后可以再深入讲讲
怎么让自己的网站有人看，这是相当重要的课题，包括但不限于seo，geo，内容引流，等等方法，构建从来不应该难住你，真正的难点从来都在获客上。