

昨天我用 AI 作念的一个网站上线了,全程一溜代码没写,从家具瞎想、斥地、部署,全由 Agent 贬责。
我用的器用是 Codex + Claude Code,模子用了 GPT 5.5、GLM 5、Claude Opus 4.6。
别认为复杂,其实零基础齐不错上手。
接下来,我会教你怎样用 AI 搭建一个可上线的个东说念主网站,让你也能领有我方的流派。
在负责开动之前,我照旧想热爱一下。
因为 12 年前我就我方搭建过一个个东说念主博客网站,那本领照旧纯手写代码。
加拿大PC中国官网入口这个技俩一直在我的 Git 上,那时我还给它央求了一个域名。

没猜测的是,12 年后我居然又作念了一个网站,而且是用 AI 的神气。
先看下效用吧。

这是一个对于 AI 个体户计划的网站,内部包含了技俩先容和案例展示,后期我策画把它作念成一个「AI OPC」流派。
同期,我也给它注册了一个域名:tangren.org.cn
目下网站主要有几个大模块,除了你们看到的首页除外,还有我的个东说念主成长资历先容。

以及,对于我的 AI 个体户试验营的先容。

还有便是具体录用价值和得益模块。

终末便是一些案例展示。

接下来,我就从零开动分红几个关键教你们怎样用 AI 搭建起这个网站。
从大关键来看,主要分红这样几步。
第一步,界说需求、明确格调、搭建结构。
第二步,Agent 斥地、调试。
第三步,做事器部署、注册域名、备案上线。
这个过程,其实跟咱们作念家具是一样的,只不外在 AI 的协助下,我一个东说念主既是家具司理、亦然瞎想师、同期照旧轮番员和运维。
1、界说需求、明确格调、搭建结构
好多东说念主作念出来的网站、小轮番、App 效用不好的原因往往便是这一步,再强的 AI,也需要告诉它该作念什么。
因此,我是把我方的需求先写在一个飞书文档里,即 AI 个体户计划是什么、面向谁解决什么问题、具体录用是什么等等。
在这一步,我就先大开 Codex 新建了一个「技俩」,其实便是对应你腹地电脑的一个文献夹,我给这个文献夹起名为「AI_OPC」。
然后,我先用相比拖拉的神气提议一个主见,看 AI 准备怎样作念。

另外,我但愿这个网站有一个主题格调,颜料就用我我方的品牌色,便是你们常常在我著述里看到的阿谁蓝色。
相通,我把提前准备好的文档和注重志色值发给它。

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

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想维发现下一个契机
安可时刻斗鱼体育DOUYU