前面我们讲了怎么买域名、Cloudflare、服务器和 Vercel。

如果你已经理解了 Vercel 是一个可以把网站部署到网上的平台，接下来大概率会遇到一个问题：

我的代码在自己电脑里，为什么还要上传到 GitHub？

因为 Vercel 不会自动跑到你的电脑里拿文件。你需要把网站项目放到一个它能连接、能持续读取的地方。

这个地方，最常见的就是 GitHub。

这一篇不讲复杂的命令，也不要求你会编程。我们只先把最重要的事情讲明白：GitHub 是什么，它在出海建站中做什么。

一、GitHub 是什么？

一句话理解：GitHub 是一个专门用来存放和管理代码的网站。

你可以把它理解成 “代码项目的网盘”，但它比普通网盘多了两个很重要的能力：

它能清楚记录每一次修改。

它能和 Vercel 等部署平台连接，让网站自动更新。

例如，你在电脑上做了一个网站，项目文件里可能有如图所示的内容：

首页内容

图片和图标

CSS 样式

JavaScript 或其他程序代码

网站的配置文件

这些文件放在本地电脑当然可以开发，但它们只在你的电脑里。把项目上传到 GitHub 后，GitHub 就会替你保存一份在线版本。

以后你换电脑、电脑损坏，或者想回到之前的版本，都不会只剩一堆找不回来的文件。

二、GitHub 在建站流程中处于什么位置？

对新手来说，先记住这条最常见的流程：

你在电脑上写网站 ↓ 把项目上传到 GitHub ↓ Vercel 读取 GitHub 里的项目并部署 ↓ 用户通过网址访问你的网站

也可以把它理解成：

本地电脑 = 你做东西的工作台 GitHub = 保存项目和修改记录的地方 Vercel = 把项目发布到互联网上的地方 域名 = 用户找到网站的网址

它们各自负责不同的事情：

所以，GitHub 不是服务器，也不是域名注册商，更不是一个直接给用户访问的网站。

它主要负责的事情是：保管你的项目，并把项目交给 Vercel 这类平台部署。

三、为什么代码不能只放在自己的电脑里？

很多人可能会想：我电脑里已经有项目文件了，为什么还要多一个 GitHub？

最现实的原因有三个。

1. Vercel 需要一个稳定的项目来源

Vercel 要帮你部署网站，得先知道 “要部署哪个项目”。

把 GitHub 仓库连接给 Vercel 后，Vercel 就能读取其中的代码，并自动构建网站。以后你把新版本上传到 GitHub，Vercel 也能自动重新部署。

这会形成一个很顺的工作流：

修改网站 → 上传 GitHub → Vercel 自动更新网站

不需要每次改一个字，都重新手动上传一堆文件到服务器。

1. 每一次修改都有记录

做网站时，最常见的情况是：

昨天明明还是好的，今天改完怎么页面坏了？

GitHub 会把你每次保存的修改记录下来。发现新版本有问题时，你能查看之前的版本，知道哪里发生了变化，必要时也能回退。

它不是让你永远不出错，而是让错误变得可以追踪、可以修复。

1. 项目不会只绑在一台电脑上

电脑可能坏掉，也可能需要换新电脑。项目若只有本地一份，风险很高。

上传到 GitHub 后，登录账号就能重新下载项目。以后找朋友协作、请开发者帮忙看问题，也能更方便地共享代码。

四、什么是 “仓库”？

在 GitHub 里，一个项目通常放在一个 “仓库” 里。它的英文叫作 Repository，常常缩写为 Repo。

不要被英文吓到，你可以把仓库理解为一个专门放某个项目的文件夹。

比如你做了一个 “图片压缩工具站”，就可以建一个仓库：

image-compressor

里面放这个项目的所有代码、图片和配置。

以后你又做了一个 “时间戳相机工具站”，最好再新建一个仓库：

timestamp-camera

一般来说：一个独立网站或独立项目，对应一个 GitHub 仓库。

这样项目之间不会混在一起，也更方便在 Vercel 中分别部署。

五、什么是 “提交”？

GitHub 里还有一个经常出现的词：提交，英文是 Commit。

它可以理解成 “给这一次修改存一个档”。

例如你完成了一些修改：

改好了首页标题

增加了一个价格页面

修复了手机端显示问题

这时做一次提交，相当于告诉 GitHub：

这是一个值得记录的项目版本。

提交通常会带一句简短说明，例如：

添加英文首页 修复手机端导航栏 更新价格页面

不需要一开始就追求专业写法。对小白来说，先做到 “每次完成一小块功能，就留下一句自己看得懂的记录” 即可。

六、公开仓库和私有仓库有什么区别？

创建仓库时，GitHub 通常会让你选择公开或私有。

公开仓库（Public）

任何人都可以看到仓库里的代码。

适合：

开源项目

学习代码

想让别人一起参与的项目

私有仓库（Private）

只有你和你邀请的人可以看到代码。

适合：

正在开发的商业项目

包含尚未公开的产品想法的项目

不想让别人直接看到源代码的网站

对大多数要做出海网站的新手来说，第一个正式项目可以先选私有仓库。这样更省心；以后想开源时，再改成公开也可以。

无论仓库公开还是私有，都不要把密码、支付密钥、API Key 等敏感信息直接上传进去。这个问题后面讲 Vercel 环境变量时会再详细说明。

七、GitHub 免费吗？

对大多数个人新手来说，GitHub 的免费版已经够用。以下为免费与付费的区别。

你可以免费创建公开仓库，也可以创建私有仓库，用来保存个人网站和小项目。等以后团队人数变多、自动化需求更复杂，再考虑付费功能也不迟。

现在最重要的不是研究套餐，而是先建立一个习惯：每个项目都用 GitHub 保存和管理。

八、新手最容易误解的几件事

GitHub 不是网站服务器

把代码上传到 GitHub，不等于网站已经上线。GitHub 主要帮你保存代码；要让用户访问，仍然需要 Vercel、Cloudflare Pages 或服务器等部署平台。

GitHub 不是域名

GitHub 不负责出售 yourwebsite.com 这样的域名。域名要在注册商那里购买，再配置到部署平台。

不会命令行，也能先开始使用 GitHub

GitHub 有网页界面，Vercel 也能直接连接 GitHub。小白完全可以先用图形界面完成账号注册、创建仓库、上传项目和部署。

命令行和 Git 的更多操作以后再学。现在不需要因为不懂命令行就停在第一步。

现在 AI 也支持你直接描述告诉他进行代码提交、推送与获取。

GitHub 不会自动让网站赚钱

GitHub 只是基础设施的一部分。它让你更稳定地管理和发布项目，但流量、用户需求、产品体验和收款，仍然需要一步一步做。

九、你现在需要记住什么？

这一篇读完，你只要记住下面四句话就够了：

做出海网站不需要一开始把所有工具都学会。你只要先理解：代码写好后，放到 GitHub；GitHub 连接 Vercel；Vercel 把网站部署到互联网上。

这条链路跑通后，你就真的拥有了一个可以持续迭代的网站项目。