文/林芳老师上一篇02我们定了学习节奏38-45 课时、8-10 周走完毕业时手里有一个能获客的网站、一套 AI 内容底座、一条进 CRM 的询盘通路和一套可复用模板。从这一篇开始正式进入工具篇。零基础外贸人听到 GitHub、Next.js、Codex 这些名字第一反应是头大。别急这篇不讲代码只讲清楚三件事这三个工具各自是干什么的、它们怎么配合成一条流水线、以及为什么我不建议你再用传统模板建站。看完你就知道这套东西比你想象的简单得多。一、三个工具分别扮演什么角色先给一个最简单的类比建网站就像开一家外贸公司。GitHub 是你的公司档案室。网站的所有文件——页面、图片、文字、设置——都以版本化的方式存在这里。它最大的好处不是存文件而是每次改动都有记录改坏了一键回到上一个版本团队谁改了什么一目了然。你不需要懂它的技术原理只要知道网站的户口本和房产证放在 GitHub永远丢不了。Next.js 是你的网站主体结构。它是目前全球最主流的企业网站框架之一打开速度快、对搜索引擎友好、手机端自适应而且天生适合做 GEO——页面结构清晰、加载快、内容容易被 AI 抓取理解。你在 01 篇里看到的那些大公司官网很多就是这个框架搭的。你不用自己写框架它是现成的地基你只负责往上摆内容。CodexAI 编程助手是你的技术工人。这是 2026 年建站方式和过去最大的不同以前你要么自己会编程要么花钱请外包现在你用中文把需求讲清楚——在首页加一个询盘表单字段包括姓名、公司、邮箱、采购产品、数量——AI 直接把代码写好、放对位置。你是包工头负责说清楚要什么AI 是干活的工人。二、三样东西怎么拼成一条流水线单看三个工具没感觉看它们怎么配合步骤你做什么工具怎么接力1用中文写出页面需求和文案你自己前面定位篇的成果2让 Codex 按需求生成/修改页面AI 写代码你复制确认3代码提交到 GitHub 存档自动生成版本记录4GitHub 联动部署平台自动上线保存即发布几十秒生效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 篇。关于作者林芳外贸圈集团创始人、10倍业绩增长模型创始人法国国际商法硕士15年外贸一线实战与辅导经验累计辅导5000外贸企业、深度服务300工厂著有《外贸销售SOP》中国铁道出版社。外贸圈集团专注为年出口额1.5亿元以下的B2B外贸企业提供销售体系建设与GEO优化服务覆盖培训、SOP搭建与陪跑全链路。