在讨论“怎么做网站”之前,请先接受一个残酷的现实:没有普适的最优解,只有当下最匹配你的“权宜之计”,如果你恰好听到“Gatsby”这个词,并把它当作万能钥匙——恭喜,你已经掉进了技术选型的第一个陷阱,Gatsby是一个基于React的静态站点生成器,但它不是终点,而是起点,我们不谈情怀,只谈账本、工时和场景,帮你把“建站”这个模糊的念头,拆成可执行的决策树。
三条主路:Gatsby、传统CMS、手写代码,谁在割韭菜?
路线A:Gatsby(静态生成 + 现代前端)
它像一位“预制菜大厨”:把React组件、Markdown、GraphQL数据层打包,运行时生成纯静态HTML。
- 上手难度:★★★☆☆(需懂React、Node.js,但不用碰服务器)
- 成本:部署免费(Netlify/Vercel),域名年费约60元,无服务器费用,但你的时间成本高——首版开发至少2-3周。
- 优势:极致性能(Lighthouse满分是常态)、安全性高(无数据库可黑)、全球CDN秒开。
- 致命伤编辑依赖Git提交或CMS头(如Contentful),非技术编辑人员会骂娘。
路线B:传统CMS(WordPress/Webflow/建站宝盒)
这是“堂食餐厅”:后台可视化编辑,主题插件一应俱全。
- 上手难度:★★☆☆☆(Webflow拖拽即可,但WordPress需要租服务器)
- 成本:WordPress主机年费约300-800元,主题+插件另计(不盗版的话),Webflow年费约1400元起。
- 优势:改文案、传图片分分钟搞定,适合运营驱动型团队。
- 劣势:性能平庸(得靠缓存插件续命)、安全漏洞多(被黑是常态)、个性化定制需氪金。
路线C:纯手写HTML/CSS/JS
这是“自家种菜做饭”:零依赖,全掌控。
从零到一,你的网站不该只有一种标准答案—Gatsby建站全路线拆解与选型指南
- 上手难度:★★★★☆(需要扎实前端功底)
- 成本:极低(服务器只放静态文件,月付10元内)
- 优势:极致的轻量,几百KB就搞定一个官网,且完全无框架锁定。
- 劣势更新=改代码,产品迭代=重构噩梦,只适合“十年不变”的单页简历或活动页。
当Gatsby遇到“伪需求”:三个真实翻车现场
翻车案例1:电商博主想做内容种草站
选了Gatsby + 无头Shopify,结果商品数据每次更新都要重新构建(build),高峰期30分钟才同步一次,后台编辑直接骂“反人类”。正解:纯展示用Gatsby,交易部分拆给Shopify独立子域名。
翻车案例2:企业官网要SEO,但市场部要改文案
Gatsby宣称SEO友好,但市场部每改一句slogan都得提Pull Request,最后乙方加了个CMS连插件,费用翻倍。正解更新频次高于每周一次,直接选Webflow或WordPress,别硬上Gatsby。
翻车案例3:个人博客想省事
用Gatsby搭好后,为了换一个博客主题,光改GraphQL查询就花了3天。正解:如果你不会React,且对设计无病态要求,请立刻关掉本文,去用Notion + Super(免费托管)或干脆用VuePress。
成本算细账:别只看“免费”
| 方案 | 首年总成本(含开发时间折算) | 5年总成本(含维护/更新) | 适用规模 |
|---|---|---|---|
| Gatsby + Netlify | 开发2周×时薪200=1.6万 + 域名60 = 66万 | 每季度小更1天=4000 + 重设计1次=2万 => 06万 | 1-5个维护者,日UV<1万 |
| WordPress + 主题 | 主题+插件=1000 + 主机=800 => 1800元 | 主机续费4000 + 插件订阅6000 + 应急修复万-2万 => 18万+ | 运营团队3-10人,更新频繁 |
| 手写静态 | 开发3周×时薪200=2.4万 | 基本零维护,但每次改版相当于重做 => 6万+ | 永远不变的内容 |
隐藏陷阱:Gatsby的“免费”只在初期,一旦需要多语言、评论系统、搜索功能,你被迫接入第三方API,月费轻松过百元,而WordPress的“低价”源于生态竞争,但安全性维护(必装防火墙、定期备份)每月至少值200元人力。
灵魂匹配测试:你的项目适合哪条路?
-
选Gatsby,当且仅当:
✅ 你或团队会React; 更新频率低于每周1次(或愿意接CMS但预算充足);
✅ 极度追求速度(如在线文档、营销落地页);
❌ 非技术老板天天催“加个计数器”。 -
选传统CMS,当且仅当:
✅ 运营/产品可自助改版;
✅ 需要大量插件(SEO、表单、会员);
✅ 开发预算<5000元;
❌ 目标是千万级并发活动页(会被打爆)。 -
选手写代码,当且仅当:
✅ 你是个前端疯子,且网站唯一使命是“展示代码本身”;
✅ 有一个半年不变的永久页面(如企业SaaS的首页);
❌ 你需要任何动态交互(哪怕是一个搜索框)。
最后的悖论:Gatsby,是开始而非终点
当你决定使用Gatsby,你真正选择的不是“工具”,而是一种“内容管线”哲学,它强迫你把内容与展示剥离——这与传统CMS的“所见即所得”背道而驰,在伸手触摸Gatsby之前,请先回答三个问题:
- 是否具有“可复制性”?(即同一份数据,是否能被渲染成网页、PDF、甚至API?)
- 你是否愿意为100分性能,付出120分的工程复杂度?
- 你的痛点,真的在于“网站太慢”,还是“内容没人看”?
如果答案都是“是”,那么Gatsby是良药,否则,它就是一座漂亮的、布满荆棘的城堡——而你,本可以住在平房里,最后送上一句实操箴言:用Gatsby做技术筛选,用内容判断选型,别让建站工具替你思考业务。 去检查你的页面加载时间吧——如果超过2秒,或许你该试试第一条路线了。



发表评论