托管与部署
“Vibe coding”课程第 11 课，共 26 课。免费，有动画和小测验。
托管：一台从不休眠的电脑
例子：你和 AI 一起给自己的乐队做了个网站。现在它只能在你的笔记本上打开，合上盖子网站就没了。托管（hosting）就是云端一台全天候开机的电脑，谁打开链接，它就把你的网站发给谁。图里就是装着服务器的那朵云。你不用自己维护服务器，托管服务会替你搞定。
部署：上线新版本
部署（deploy）就是发布网站的新版本，让大家看到。以前要手动把文件传到服务器上。现在简单多了：把 GitHub 仓库和托管连一次就行。之后每次 push 到 main，也就是把提交推送到主分支，都会自动触发部署。图中箭头从 GitHub 出发，经过构建，到达线上网站。你加了几张演出照片，push 一下，很快网站就更新了。
构建：把项目变成现成文件
浏览器只认识 HTML、CSS 和 JavaScript。可 AI 做的项目常常用框架写，框架就是一套带着方便规则的现成骨架，需要先加工一下。这一步就叫构建（build）：托管会运行构建命令，比如 npm run build，再把做好的文件放进输出文件夹，比如 dist。图里的进度条就是这一步。这些设置托管通常能自己猜出来。
构建失败？网站照样在线
别慌。如果构建报错失败，托管不会把坏掉的版本发出去。大家看到的还是旧的、能用的那版：就是图里那条红色提示。怎么办：打开构建日志，也就是托管记录每一步的流水账。在靠近末尾的地方找红色的行。把错误完整复制给 AI，就像“怎么给 AI 布置任务”那课讲的。修好后 push，构建就会重新跑一遍。
每个分支都有预览
还记得分支和 Pull Request 吗？连上 GitHub 的托管通常会给每个分支单独构建，并给它一个预览链接：一份网站副本，不会动到线上网站。例子：你在分支里试做一个新的演出日程页面。用手机打开预览，把链接发给鼓手。大家都满意：合并（merge）到 main，线上网站会自己更新。
静态网站还是带服务器的网站
静态网站只有前端：现成的页面，每个人看到的都一样。乐队网站放照片和演出日程，正是这种，托管起来最简单。如果要做一些不能让浏览器看到的事，比如接收报名、保存 AI 密钥，就需要服务器函数：托管按请求运行的一小段后端代码。很多托管两种都支持。
自测一下
- 什么是部署？
正确答案: 把网站新版本发布给大家. 部署是把新版本放到托管上让所有人看到。提交（commit）只是在 Git 里存一个版本，域名要另外买。 - 构建报错失败了，访客会看到什么？
正确答案: 之前那个能用的旧版本. 失败的构建不会被发布，线上仍是上一个版本。你去看构建日志并修好它。 - 想给朋友看新页面，又不想动线上网站，该用什么？
正确答案: 分支的预览链接. 分支有自己独立链接的网站副本。push 到 main 会立刻改掉线上网站。