世界杯官方网页版 我用 AI 作念了一个网站, 一滑代码没写(附教程)
发布日期:2026-06-12 20:19 点击次数:79

昨天我用 AI 作念的一个网站上线了,全程一滑代码没写,从居品想象、斥地、部署,全由 Agent 措置。
我用的器具是 Codex + Claude Code,模子用了 GPT 5.5、GLM 5、Claude Opus 4.6。
别以为复杂,其实零基础齐不错上手。
接下来,我会教你如何用 AI 搭建一个可上线的个东说念主网站,让你也能领有我方的宗派。
在慎重驱动之前,我如故想称赞一下。
因为 12 年前我就我方搭建过一个个东说念主博客网站,那时辰如故纯手写代码。
这个名目一直在我的 Git 上,其时我还给它恳求了一个域名。

没预料的是,12 年后我居然又作念了一个网站,而且是用 AI 的式样。
先看下成果吧。

这是一个对于 AI 个体户诡计的网站,内部包含了名目先容和案例展示,后期我盘算把它作念成一个「AI OPC」宗派。
同期,我也给它注册了一个域名:tangren.org.cn
博亚体育app官方网站当前网站主要有几个大模块,除了你们看到的首页除外,还有我的个东说念主成长经验先容。

以及,对于我的 AI 个体户熟习营的先容。

还有等于具体拜托价值和收货模块。

终末等于一些案例展示。

接下来,我就从零驱动分红几个门径教你们如何用 AI 搭建起这个网站。
从大门径来看,主要分红这样几步。
第一步,界说需求、明确立场、搭建结构。
第二步,Agent 斥地、调试。
第三步,处事器部署、注册域名、备案上线。
这个过程,其实跟咱们作念居品是一样的,只不外在 AI 的协助下,我一个东说念主既是居品司理、亦然想象师、同期如故圭臬员和运维。
1、界说需求、明确立场、搭建结构
好多东说念主作念出来的网站、小圭臬、App 成果不好的原因频频等于这一步,再强的 AI,也需要告诉它该作念什么。
因此,我是把我方的需求先写在一个飞书文档里,即 AI 个体户诡计是什么、面向谁解决什么问题、具体拜托是什么等等。
在这一步,我就先掀开 Codex 新建了一个「名目」,其实等于对应你腹地电脑的一个文献夹,我给这个文献夹起名为「AI_OPC」。
然后,我先用比拟隐约的式样建议一个方针,看 AI 准备若何作念。

另外,我但愿这个网站有一个主题立场,边幅就用我我方的品牌色,等于你们粗俗在我著述里看到的阿谁蓝色。
雷同,真钱牛牛APP官方网站我把提前准备好的文档和珍重色色值发给它。

经过它的分析和奉行后,网站的第一版就被搭建出来了,不错径直在腹地掀开浏览器预览。

2、Agent 斥地、调试
作念出来的第一版细目是不镇静的,因为你脑海里想的东西和它作念出来的一定会有各异。
是以,接下来要作念的等于 Agent 斥地和调试过程。
珍重,这个调治的过程并不是径直去修改代码,而是用大口语告诉 AI 你的方针。
比如,我想把 logo 那儿放上我的头像,同期修改一些案牍,径直在对话框里跟 AI 对话即可。

这个过程,就像你教导一个想象师和一个圭臬员干活一样,关键是他们还没本性。
唯有你能描写澄澈,AI 基本齐能改到位。即便你说的不是很明晰,AI 也会帮你改个未达一间。
像底下这种,等于我也不知说念该若何想象好,于是交给它去发扬。

要是你以为翰墨描写资料,以至不错径直把它斥地好的页面截图发给它并标注,然后用翰墨跟它描写该若何修改。
斥地过程中,我的 Codex 额度用收场,是以我又半途切换到 Claude Code 去斥地。
Claude Code 亦然不错径直掀开我在 Codex 新建好的名标的,世界杯官方网页版这样就十分于 Codex 和 Claude Code 在并吞个使命区干活。

要是你还不知说念若何用 Claude Code 的,不错看下我之前的著述,我有写过一篇保姆级教程。
我这里用的是 VS Code 裁剪器纠合 Claude Code,模子用的 GLM 5,我以为斥地前端页面够用了。
另外,半途我还切换到 Opus 4.6 去优化过前端想象,成果如故好不少。
虽然,你不错不必像我一样切换两个器具去用,径直在一个 Agent 框架下干完统共的活儿亦然一样的。
3、处事器部署、注册域名、备案上线
要是网站调试修改终结了,你我方也镇静了,接下来就需要把它部署到公网上,也等于咱们说的发布上线。
在这个过程中,你需要提前准备几个东西,一个是云处事器、一个是域名、一个是备案。
不外,要是你的处事器是在国外,ICP备案这一步就不错省去,我用的等于腾讯云在硅谷的处事器。
要是你的处事器是在国内,ICP备案这一步也不复杂,在阿里云和腾讯云上齐不错有处事操作。
我用的处事器等于之前部署 OpenClaw 的那台腾讯云处事器,我也雷同写过一篇教程的。

域名是我是在阿里云上注册的,珍重,注册域名是要钱的,低廉的一年也就三四十块钱。

这两个东西准备好之后,你就不错让你的 Agent 络续帮你干活了。
没你们想的那么复杂,通盘历程齐不错让 Agent 我方完成,我的第一步等于跟他说个需求。

然后,它会告诉你需要提供什么信息,何况把通盘部署过程需要完成的门径齐列出来。

上头提到的公网 IP 地址,其实等于云处事器对应的 IP 地址,在腾讯云后台不错径直看到。
要是你用的是阿里云,逻辑亦然一样的,仅仅页面操作有些差异。

还需要一个 SSH 密钥,这是用来和你云处事器进行通讯的钥匙,也不错在腾讯云上新建配置一个。

把这些信息沿途发给 Agent,它我方会完成接下来的事情。

这个过程中 Agent 可能会指示你需要开启处事器的端口,粗俗是 80 和 443 端口,你不错在处事器后台防火墙树立里添加这两个端口即可。

还有一个关键门径,等于配置 DNS。
所谓 DNS,简单知晓等于让你的域名能径直对应到你的 IP 地址,要否则在浏览器输入彀址是打不开你的页面的。

因为我的域名是在阿里云注册的,是以径直在阿里云 DNS 融会后台操作即可。
参预阿里云使命台,找到云融会 DNS,在我方的域名下新建两札纪录。其实这个过程,Agent 齐会教你若何作念。

沿途操作完成后,网站就告捷部署到处事器上了。

通盘过程,我没写一滑代码,就连看起来很复杂的处事器配置其实亦然在 Agent 的携带下完成的。
要是你看到这以为我方还不会作念,其实大可上手试试,因为你过程中的那些问题 Agent 齐会告诉你若何解决。
当前,我的几个 AI 职工不仅不错帮我作念实质创作,也能帮我出想象图和海报,还能帮我写代码作念居品。
接下来,我会再搞几个 Agent 并不休丰富他们的才气,还准备搞个小圭臬居品出来。
下周我也准备开一场公开直播,跟你们聊聊我这个 AI 个体户 OPC 到底是如何作念的。
距离前次公开直播,还是以前一年了。
想参加的,不错提前预约。
················· 唐韧出品 ·················
良善唐韧,用居品念念维知悉快意背后的逻辑用AI念念维发现下一个契机
安可期间世界杯官方网页版