AG真人国际·(中国)官方网站 我用 AI 作念了一个网站, 一转代码没写(附教程)

发布日期:2026-06-12 23:06    点击次数:191

AG真人国际·(中国)官方网站 我用 AI 作念了一个网站, 一转代码没写(附教程)

昨天我用 AI 作念的一个网站上线了,全程一转代码没写,从产物遐想、拓荒、部署,全由 Agent 科罚。

我用的器具是 Codex + Claude Code,模子用了 GPT 5.5、GLM 5、Claude Opus 4.6。

别合计复杂,其实零基础王人不错上手。

接下来,我会教你如何用 AI 搭建一个可上线的个东谈主网站,让你也能领有我方的家数。

博亚体育app中国官网入口

在隆重启动之前,我照旧想惊奇一下。

因为 12 年前我就我方搭建过一个个东谈主博客网站,那时辰照旧纯手写代码。

这个技俩一直在我的 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 新建好的项见解,AG真人国际·(中国)官方网站这样就特别于 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想维发现下一个契机

安可本事AG真人国际·(中国)官方网站







Copyright © 1998-2026 AG真人国际中国官网登录入口™版权所有

dgsipero.com备案号 备案号: 

技术支持:®AG旗舰厅 RSS地图 HTML地图