文/林芳老师
上一篇（02）我们定了学习节奏：38-45 课时、8-10 周走完，毕业时手里有一个能获客的网站、一套 AI 内容底座、一条进 CRM 的询盘通路和一套可复用模板。从这一篇开始，正式进入工具篇。
零基础外贸人听到 GitHub、Next.js、Codex 这些名字，第一反应是头大。别急，这篇不讲代码，只讲清楚三件事：这三个工具各自是干什么的、它们怎么配合成一条流水线、以及为什么我不建议你再用传统模板建站。 看完你就知道，这套东西比你想象的简单得多。
一、三个工具，分别扮演什么角色
先给一个最简单的类比：建网站就像开一家外贸公司。
GitHub 是你的公司档案室。 网站的所有文件------页面、图片、文字、设置------都以版本化的方式存在这里。它最大的好处不是"存文件"，而是"每次改动都有记录"：改坏了，一键回到上一个版本；团队谁改了什么，一目了然。你不需要懂它的技术原理，只要知道：网站的"户口本和房产证"放在 GitHub，永远丢不了。
Next.js 是你的网站主体结构。 它是目前全球最主流的企业网站框架之一，打开速度快、对搜索引擎友好、手机端自适应，而且天生适合做 GEO------页面结构清晰、加载快、内容容易被 AI 抓取理解。你在 01 篇里看到的那些大公司官网，很多就是这个框架搭的。你不用自己写框架，它是现成的地基，你只负责往上摆内容。
Codex（AI 编程助手）是你的技术工人。 这是 2026 年建站方式和过去最大的不同：以前你要么自己会编程，要么花钱请外包；现在你用中文把需求讲清楚------"在首页加一个询盘表单，字段包括姓名、公司、邮箱、采购产品、数量"------AI 直接把代码写好、放对位置。你是包工头，负责说清楚要什么；AI 是干活的工人。
二、三样东西怎么拼成一条流水线
单看三个工具没感觉，看它们怎么配合：
| 步骤 | 你做什么 | 工具怎么接力 |
|---|---|---|
| 1 | 用中文写出页面需求和文案 | 你自己（前面定位篇的成果） |
| 2 | 让 Codex 按需求生成/修改页面 | AI 写代码，你复制确认 |
| 3 | 代码提交到 GitHub 存档 | 自动生成版本记录 |
| 4 | GitHub 联动部署平台自动上线 | 保存即发布，几十秒生效 |
| 5 | 改坏了？回退到任意历史版本 | GitHub 版本管理兜底 |
整条流水线里，你没有写一行代码，但每一步结果都看得见、控得住、退得回。 这就是为什么零基础外贸人能在 10 周内独立建站------不是你变强了，是工具变聪明了。
三、为什么不建议再用传统模板建站
很多老板会问：我花几百块用自助建站平台拖拖拽拽，或者装个 WordPress 套模板，不是更快吗？林芳老师在辅导里见过太多工厂栽在这上面，问题集中在四个：
第一，模板同质化，客户记不住你。 同一套模板几百个工厂在用，版式、字体、图片位置一模一样。客户一天看五个供应商网站，四个长一个样，凭什么记住你？
第二，SEO 和 GEO 结构天生吃亏。 模板站为了"好看"塞了大量特效和冗余代码，打开慢、结构乱；更要命的是，2026 年的流量逻辑已经变成"人和 AI 共同理解"，模板站的页面结构对 AI 抓取很不友好------你的内容再扎实，AI 读不懂、引不到，等于白写。
第三，数据和资产不在自己手里。 自助建站平台上，你的网站是"租"来的：平台涨价、关停、改规则，你只能接受；想把网站迁走，基本等于重做。而 GitHub + Next.js 的方式，网站每一个文件都是你的资产，存在你自己的账号里。
第四，插件和维护是个无底洞。 WordPress 这类系统靠插件堆功能，插件之间互相冲突、版本更新不及时、安全漏洞不断，一年维护下来的隐性成本，远超当初省下的建站费。
模板建站不是不能用------如果你只想要一个"电子名片"摆在那里，无所谓。但如果你的目标是获客、进 AI 答案、沉淀自己的数字资产，模板这条路从第一天就是错的。
四、零基础最担心的三件事，一次说清
"我不会编程，真的能行吗？" 能。这个系列里你需要掌握的"技术动作"只有三类：复制粘贴指令、按截图点按钮、把报错信息发给 AI 看。代码是 AI 写的，你只需要会描述需求和验收结果。
"界面都是英文，看不懂怎么办？" 浏览器整页翻译已经足够应付，而且本系列每一步都有中文指引，照着做即可。工具用熟之后你会发现，常用按钮就那几个。
"万一弄出错、网站崩了怎么办？" 这正是 GitHub 版本管理的价值：每次改动都有存档，任何时候都能回退到上一个正常版本。你在本地练习时怎么折腾都不影响线上，确认没问题了再发布。这个体系里没有"不可逆的错误"，这是给新手最大的安全感。
五、账号准备清单
进入下一篇实操前，先把三个免费账号注册好：
| 账号 | 用途 | 备注 |
|---|---|---|
| GitHub | 网站文件存档与版本管理 | 免费版足够；用户名建议用公司英文名 |
| 部署平台（Vercel 类） | 网站自动上线 | 用 GitHub 账号一键登录即可 |
| AI 编程助手（Codex 类） | 生成和修改代码 | 按官方指引开通，后续篇目有详细配置 |
注册时统一用公司常用邮箱，密码和验证信息存到作业文件夹的"账号清单"里------三个账号贯穿全部 18 篇，丢一个后面都要返工。
六、本篇课堂实操
实操 A： 注册 GitHub 账号，完成邮箱验证，新建一个仓库（repository），名字先想好（建议和公司或品牌相关，全小写、用短横线连接）。
实操 B： 用 GitHub 账号登录部署平台，完成授权，不用建项目，先把账号通路打通。
实操 C： 打开 AI 编程助手，用中文问它一句话："我是外贸企业主，零基础，想做一个 B2B 企业官网，请用通俗的话告诉我你能帮我做什么。" 感受一下它的回答方式------这就是你未来 10 周的"技术工人"。
课后作业：三个账号全部注册完成，账号信息归档。账号没备齐，不要进入下一篇------工具篇的所有实操都建立在这三个账号之上。
方法论提示：工具选型的本质不是追新，而是让资产归自己、让流程可回退、让 AI 干重活。今后再遇到任何"更省事的建站工具"，都拿这三条去衡量。
下一篇（04）我们让三个账号第一次联动：不写一句代码，跑通你的第一个网页从生成到上线的全过程------当你看到自己输入的一句话变成一个能在手机上打开的网址时，这门课就算真正入门了。关注本系列，外贸 AI 建站 18 篇，一篇一篇带你走完从定位到上线的全过程。
本系列基于外贸圈集团《AI建站手册》（GitHub + Next.js + Codex 篇）。
关于作者
林芳老师，国际商法硕士，外贸圈集团创始人，销售SOP方法论与战略成交方法论创始人，100家亿级企业战略顾问，10余年外贸辅导经验，帮助5000多家企业完成销售体系落地，著有《销售SOP》（中国铁道出版社）。外贸圈集团专注为年出口额1.5亿元以下的B2B外贸企业提供销售体系建设与GEO优化服务，覆盖培训、SOP搭建与陪跑全链路。
关于作者
林芳老师，国际商法硕士，外贸圈集团创始人，销售SOP方法论与战略成交方法论创始人，100家亿级企业战略顾问，10余年外贸辅导经验，帮助5000多家企业完成销售体系落地，著有《销售SOP》（中国铁道出版社）。外贸圈集团专注为年出口额1.5亿元以下的B2B外贸企业提供销售体系建设与GEO优化服务，覆盖培训、SOP搭建与陪跑全链路。