
Vibe Coding 网站部署的保姆级教程。写一篇怎么部署 Vibe Coding 产品的保姆级教程包括服务器、域名等等。缘起是上周我写过一篇文章推荐大家自建一个个人博客。我觉得 AI 时代博客可以承载自己的思考以及作品还可以让 Agent 更容易发现我们。文章发出来后很多人问我怎么把本地做好的博客部署到公网让其他人访问。我知道非技术的用户肯定还是觉得这事门槛太高毕竟过去购买服务器、配置域名、部署代码基本都是专业程序员才会做的事情。普通人看到服务器、数据库、域名解析这些词可能已经准备放弃了。但现在有 AI 的帮助这件事情已经简单了很多。可能此刻对于大部分人来说最大的障碍仍然还是畏难心理。所以在正式开始之前大家可以试着告诉自己一定能搞定。搞不懂的就问 AI或者直接让 AI 干没啥难的。而且我们也不必先学会一大堆技术概念才有资格开始。实际上只需要理解大致的逻辑具体操作完全可以交给 Codex 这样的 Agent。今天我就把自己走过的流程写下来讲一下我是怎么把一个本地的 Vibe Coding 产品真正发布到互联网上的。一、部署大致的原理是什么我先试着用通俗易懂的话给大家讲一下部署到底是在做什么。我们通过 Vibe Coding 做出来的产品刚开始都保存在自己的电脑里。我们可以在电脑上打开它可以修改它也可以正常使用。但其他人访问不到因为代码、图片和数据都还在我们的电脑里。所谓部署说白了就是把这个产品从自己的电脑搬到一台能够连接互联网、可以一直运行的电脑上。这台电脑就是服务器。你可以把服务器理解成一台放在机房里的电脑。它通常全年开机并且接入了互联网。我们把产品的代码放到服务器上再把程序运行起来别人就可以通过网络访问。其实我们自己的电脑也可以运行一个网站。比如在本地开发产品时我们经常会通过localhost或者127.0.0.1打开页面。这两个地址指向的都是我们自己的电脑。但它们只能在本机访问。你把这个地址发给别人对方打开的其实是他自己的电脑自然看不到你的产品。所以要让所有人都能访问第一步就是把产品放到一台可以公开访问的服务器上。产品放到服务器以后服务器会有一个自己的网络地址也就是 IP 地址。IP 地址通常是一串数字。理论上别人只要输入这串数字就可以找到你的服务器。但这就像一家店开在某条街的某个具体位置。你当然可以把经纬度发给朋友让他按照坐标找过来但这样太麻烦了基本没人记得住。这就是域名的意义。比如一个网站的 IP 地址可能是一串很长的数字但它的域名可以是xiaogai.com。大家只需要记住这个名字不需要记住服务器具体在哪里。有了域名以后还需要配置域名解析。因为买下域名只相当于给店铺起了一个名字还没有告诉别人这家店究竟开在哪里。域名解析做的事情就是把域名和服务器的地址对应起来。你可以把它理解成在地图上登记一家店这家店叫xiaogai.com它的具体地址是这台服务器。以后有人在浏览器里输入这个域名互联网就会先查询一下找到域名对应的服务器再把网站内容送到他的电脑或者手机上。这样域名和服务器就连接起来了。一家店有了名字和地址以后还需要让顾客确认自己找到的确实是这家店没有被别人冒充。这就涉及 HTTPS。我们现在访问的大部分网站网址都是以https://开头的。HTTPS 主要解决两个问题。第一通过证书验证网站身份降低用户访问到假网站的风险。第二对浏览器和服务器之间传输的内容进行加密。比如用户输入的密码、填写的表单即使在传输过程中被人截获对方也很难直接看懂里面的内容。要支持 HTTPS网站还需要配置一张 SSL 证书。这张证书可以理解成网站的电子身份证。浏览器会通过它确认网站的身份然后和服务器建立一条加密连接。所以整个部署过程可以理解成开一家店。服务器是店铺所在的具体位置域名是店名域名解析是在地图上登记店铺地址SSL 证书是店铺的电子身份证HTTPS 则负责建立一条安全的访问通道。把这几件事情连起来一个网站才能真正被其他人安全、稳定地访问。二、这件事情需要花多少钱理解了部署的原理以后我们再来看一下费用。我自己的博客一年全部算下来大概是 260 多块。这里面主要是域名和 CloudBase 的费用备案本身不收费SSL 证书也有免费的版本。我用到的服务很简单域名是在阿里云万网购买的网站部署在腾讯云 CloudBase备案和 SSL 证书也都是在腾讯云完成的。我的域名使用了一个比较小众的后缀第一年只有十几块钱。不过域名通常第一年比较便宜后面续费价格可能会涨。如果确定这个域名会长期使用也可以一次多买几年。CloudBase 是成本的大头。我自己的博客已经有了一些访问量所以购买了个人版套餐一年两百多块。不过CloudBase 也提供免费额度每个月会送 3000 点资源。对于刚刚上线的个人博客或者小产品我觉得一开始大概率已经够用了。可以先用免费版本把产品跑起来等访问量增加或者资源不够了再考虑付费。SSL 证书也有免费版本可以直接申请。备案同样不收费只是需要按照平台的要求提交资料等待审核。所以部署一个 Vibe Coding 产品其实没有想象中贵。如果只是想先体验一下可能只需要花十几块钱买一个域名因为 CloudBase 提供了免费的体验额度。三、域名的购买和备案接下来我们逐步的走流程。刚才说过我自己的域名是在阿里云万网购买的。腾讯云和 Godaddy 等等其他平台也可以购买操作都差不多。因为我一直习惯在阿里云管理域名所以这次还是用了万网。https://wanwang.aliyun.com/打开域名购买页面以后输入自己想要的名字看看有没有被别人注册。我的域名是 xiaogai.fun我很喜欢 fun 这个后缀因为我觉得很多事就是 just for fun。所以域名这块你可以先搜索一下自己想使用的域名看看有没有被别人注册。如果.com已经被注册也不用太纠结。现在有很多域名后缀可以选择。个人博客最重要的是好记、容易输入没有必要为了一个.com花很多钱。选好域名完成实名认证和付款这一步就结束了。紧接着就是备案。为什么还要备案因为我们后面要把博客部署到腾讯云位于国内的云服务上。按照规定只要使用中国大陆的服务器对外提供网站服务就需要先完成 ICP 备案。备案通过以后域名才能正常指向服务器对外开放访问。备案可以理解成给网站做一次实名登记。你需要告诉相关部门这个域名属于谁网站由谁负责主要用来做什么。就像我们开一家店需要登记经营者和店铺地址一样。以后网站出现问题也能找到对应的负责人。备案本身不收费也不需要大家去线下跑手续。现在基本都可以在云服务商的备案系统里完成按照页面提示填写资料、上传证件、完成人脸识别然后等待审核就可以了。需要注意备案通常是在服务器所在的平台完成。我的博客准备部署到腾讯云 CloudBase所以我直接选择了腾讯云备案。如果你的网站部署在阿里云一般就在阿里云办理。腾讯云的备案地址如下https://cloud.tencent.com/product/ba进入之后点新增/接入服务就会跳到下面的页面。服务类型按照自己的实际情况选择域名就填写刚刚购买并完成实名认证的域名。接下来需要选择用于备案的云资源我的方法是选择备案授权码然后去某鱼上再买一个授权码就行了。十来块钱。这一步之后按照提示一步步完成备案就可以了。备案审核的时间估计需要 20 个工作日。四、开通 CloudBase域名购买完成以后接下来开通腾讯云 CloudBase。https://cloud.tencent.com/product/tcb如前面所说现在每个账户都有 3000 点的免费资源。所以大家可以先不用付费。进入腾讯云控制台找到云开发 CloudBase创建一个云开发环境。数据库的话选择默认的云数据库就行。创建好之后我们再在 Codex 中安装 CloudBase 的 CLI。这个 CLI 非常好用也是我选择 CloudBase 的核心原因。因为有了 CLI 之后我们就不需要再打开 CloudBase 的服务端理解那些复杂的配置了直接让 Codex 帮我们直接干就行。安装 CloudBase 的 CLI 也非常简单。把下面截图右侧的提示词发给 Codex。或者直接把下面的开发文档发给 Codex让它安装 CLI。反正这一步不需要我们自己动手AI 已经完全可以搞定了。无论是 Codex还是 TRAE、WorkBuddy 等等产品。https://docs.cloudbase.net/CLI 安装好以后还需要完成一次授权把本机的 CLI 和刚刚开通的 CloudBase 环境连接起来。大家跟着 Codex 的节奏来就行。你可以把授权这一步理解成允许本地的 Codex 操作我们的腾讯云账号。等授权彻底完成以后Codex 就可以通过 CLI把电脑里的项目上传到 CloudBase并完成后面的部署。从这里开始大部分操作就可以直接交给 Codex 了。五、完成产品的部署前面的准备工作完成以后接下来就可以正式部署了。其实到这一步已经变得非常简单。先在 Codex 里打开我们本地的项目然后直接告诉它用 CLI 把项目部署到 CloudBase像我下面截图这样。提示词大家不一定非要照着截图里来只要意思到位就行。接下来Codex 会先检查整个项目看看它使用了哪些技术需要部署哪些内容。如果只是一个静态网站它可能会直接把页面文件上传到 CloudBase。如果项目里还有登录、文章发布、图片上传、数据库等功能它也会继续检查后端服务、数据库和文件存储应该怎么配置。这里我们不需要提前把这些概念全部弄明白。遇到问题就继续让 Codex 处理。比如它可能会告诉你目前还没有找到可以使用的 CloudBase 环境或者缺少某项服务。你可以直接回复你能不能直接帮我创建和配置如果需要我登录或者授权再提醒我。你看下面截图这些事我都是让 Codex 来干的。我只负责扫码登录就行。还有阿里云中的域名配置也类似。全部交给 Codex。其实走到这里整个部署过程基本就完成了。回头看一下在这一部分Codex 主要帮我们完成了三件事情。首先是把本地的代码部署到 CloudBase。如果只是静态页面它会直接把页面上传到云端。如果产品需要登录、发布文章或者保存数据它还会帮我们创建数据库、配置后端服务。需要上传和保存图片的话它也会继续配置云存储。第二件事情是把我们购买的域名和 CloudBase 连接起来。域名可能是在阿里云购买的产品却部署在腾讯云。Codex 会帮我们配置域名解析告诉互联网这个域名对应的是 CloudBase 上的这个产品。最后是申请和配置 HTTPS 证书。证书配置完成以后我们的网站就可以通过https://正常访问浏览器和服务器之间传输的数据也会经过加密。所以整个过程说到底就是把代码放到云端把域名指向它再给网站配置好 HTTPS。这三件事情都可以直接交给 Codex。我们需要做的主要是在涉及账号登录、扫码和授权的时候配合一下。中间遇到任何问题也不用自己硬着头皮查资料。直接把报错和当前页面交给 Codex让它继续检查和解决就可以了。其实这也是我为什么推荐大家建立个人博客的原因。AI 时代个人博客不只是一个写文章的地方它也是我们思考、作品和个人身份的一个长期载体。最后欢迎大家看看我的个人博客https://xiaogai.fun/这里给大家精心整理了一份全面的AI大模型学习资源包括AI大模型全套学习路线图从入门到实战、精品AI大模型学习书籍手册、视频教程、实战学习、面试题等资料免费分享扫码免费领取全部内容1. 成长路线图学习规划要学习一门新的技术作为新手一定要先学习成长路线图方向不对努力白费。这里我们为新手和想要进一步提升的专业人士准备了一份详细的学习成长路线图和规划。可以说是最科学最系统的学习成长路线。2. 大模型经典PDF书籍书籍和学习文档资料是学习大模型过程中必不可少的我们精选了一系列深入探讨大模型技术的书籍和学习文档它们由领域内的顶尖专家撰写内容全面、深入、详尽为你学习大模型提供坚实的理论基础。书籍含电子版PDF3. 大模型视频教程对于很多自学或者没有基础的同学来说书籍这些纯文字类的学习教材会觉得比较晦涩难以理解因此我们提供了丰富的大模型视频教程以动态、形象的方式展示技术概念帮助你更快、更轻松地掌握核心知识。4. 2026行业报告行业分析主要包括对不同行业的现状、趋势、问题、机会等进行系统地调研和评估以了解哪些行业更适合引入大模型的技术和应用以及在哪些方面可以发挥大模型的优势。5. 大模型项目实战学以致用当你的理论知识积累到一定程度就需要通过项目实战在实际操作中检验和巩固你所学到的知识同时为你找工作和职业发展打下坚实的基础。6. 大模型面试题面试不仅是技术的较量更需要充分的准备。在你已经掌握了大模型技术之后就需要开始准备面试我们将提供精心整理的大模型面试题库涵盖当前面试中可能遇到的各种技术问题让你在面试中游刃有余。7. 资料领取全套内容免费抱走学 AI 不用再找第二份不管你是 0 基础想入门 AI 大模型还是有基础想冲刺大厂、了解行业趋势这份资料都能满足你现在只需按照提示操作就能免费领取扫码免费领取全部内容