发布于 2026-10-22 · 最后核实：2026-10-22 · 文中价格与额度以各官网为准
很多人想做一个自己的网站——放作品、写博客、卖一个小工具——卡住的往往不是技术，而是「要花多少钱」「每个月要付多少服务器费」这类担心。
结论先说：对一个刚起步、流量不大的个人网站，除了域名，其余环节都可以先用免费方案跑起来。等网站真的有人用、开始赚钱，再按需升级。下面按上线的顺序，一步步给出我们整理的组合。文中所有免费额度都来自各家官网，查看时间是 2026 年 10 月，价格和额度随时可能调整，动手前请以官网为准。
第一步：先画清楚要做什么
别急着打开代码编辑器。先用 Excalidraw 画一张草图：首页有哪几块、用户点哪里、要不要登录、要不要收钱。Excalidraw 打开网页就能用，不用注册，代码开源。
这张图的作用是帮你砍需求。第一版网站，能放下「一句话介绍 + 一个核心功能 + 一个联系方式」就够了。
第二步：用 AI 编程工具把它写出来
现在写网站，最省力的方式是让 AI 帮你写。几个都有免费入口的选择：
- Cursor：官网定价页显示有 Free 计划（$0/月），Agent 和 Chat 请求次数有限，适合先试手感。
- TRAE：字节跳动出品，有国内版。国内版官网首页写着新用户注册赠送 4500 积分，国内网络下访问更顺。
- GitHub Copilot：免费版每月 2,000 次代码补全，Chat 和 Agent 有一定用量。
界面不要自己从零画。shadcn/ui 提供可以直接复制进项目的 React 组件，Lucide 提供风格统一的图标，两者都是开源免费的，而且 AI 编程工具对它们很熟悉，生成的页面质量更稳定。
一个实用的提示词思路：先把第一步的草图用文字描述出来，告诉 AI「用 Next.js + Tailwind + shadcn/ui 实现，所有页面静态生成」，让它先搭出骨架，再一个页面一个页面地改。
第三步：代码放到 GitHub
用免费的 GitHub 账号新建一个仓库，把代码推上去。这一步的意义不只是备份：下一步的托管平台都是「连上 GitHub 仓库 → 每次提交自动部署」的模式，以后你改完代码 push 一下，网站就自动更新了。
第四步：选一个免费托管
三个最常见的选择，各家免费计划的关键限制如下：
| 平台 | 免费计划要点（官网所示） | 适合 |
|---|---|---|
| Vercel | Hobby 计划 $0/月，每月含 100GB 数据传输、100 万次 CDN 请求等；官网注明 Hobby 用于个人、非商业项目 | Next.js 项目、个人作品集和博客 |
| Cloudflare Pages | 免费计划每月 500 次构建，每个站点最多 2 万个文件，单个文件不超过 25MiB | 纯静态网站、需要 Cloudflare 全家桶的项目 |
| Netlify | Free 计划 $0，每月 300 credits 用量上限，超出后站点会暂停到下个周期 | 静态网站、喜欢它表单和预览功能的人 |
我们的建议：用 Next.js 就选 Vercel，纯静态站选 Cloudflare Pages。 但要特别注意 Vercel 的那条限制——Hobby 是给个人非商业项目用的，网站开始挂广告、卖东西之后，按官网条款应该升级到 Pro（$20/月起），或者换到其他平台。
域名建议交给 Cloudflare 管理 DNS，即使网站本身托管在别处也可以这样做，后续切换平台只需要改解析。
第五步：需要数据库和登录时
如果你的网站只是展示内容，可以跳过这一步——把文章写成 Markdown 文件放在仓库里，构建时生成静态页面，既免费又快。
如果需要用户注册、保存数据，Supabase 是个人项目最省事的选择：一个服务同时提供 Postgres 数据库、用户认证和文件存储。官网列出的免费计划包括：最多 2 个活跃项目、500MB 数据库、5 万月活用户、1GB 文件存储。有一点容易踩坑：免费项目连续 1 周没有活动会被暂停，做演示项目时记得定期访问，或者在正式上线后升级。
第六步：让搜索引擎找到你
网站上线当天就做两件事：
- 打开 Google Search Console，验证网站所有权，提交
sitemap.xml。之后你能在这里看到网站被收录了多少页、用户搜什么词进来。 - 确认每个页面都有独立的标题和描述。用 Next.js 的话，可以在每个页面导出 metadata，并用内置功能生成 sitemap 和 robots.txt。
第七步：装上统计
不知道有没有人来，就没法改进。两种免费思路：
- Google Analytics：免费、功能全，和 Search Console、AdSense 能打通。
- Umami 或 Plausible：开源、可以自部署，界面更简单，统计不依赖 Cookie，适合在意访客隐私的网站。
如果之后打算申请 Google AdSense，用 Google Analytics 会更顺手；同时记得在网站上放一份隐私政策，说明用了哪些统计和广告服务。
第八步：上线前的最后检查
- 图片压缩：上传前用 TinyPNG 压一遍，网页打开速度会明显提升。
- 必备页面：关于、联系方式、隐私政策。打算接广告的网站，这几页基本是审核的前提。
- 留一个回头的入口：哪怕只是一个「关注我的 X」按钮，或者一个邮件订阅框。想自己掌握订阅者数据，可以用开源的 listmonk 自部署。
一张表总结
| 环节 | 免费方案 | 什么时候需要花钱 |
|---|---|---|
| 规划 | Excalidraw | 基本不需要 |
| 写代码 | Cursor / TRAE / Copilot 免费版 + shadcn/ui + Lucide | 每天大量使用 AI 时，免费额度会不够用 |
| 存代码 | GitHub | 基本不需要 |
| 托管 | Vercel Hobby / Cloudflare Pages / Netlify Free | 网站商用（Vercel）或流量超出免费额度 |
| 数据库与登录 | Supabase 免费版 | 项目超过 2 个，或不能接受不活跃暂停 |
| 收录与统计 | Search Console + Google Analytics 或 Umami | 基本不需要 |
| 域名 | — | 这是唯一一笔几乎必须花的钱 |
还想找更多免费服务，可以翻一翻开源清单 Free for Developers，里面按类别列出了大量提供免费额度的云服务。
最后提醒一句：免费方案的意义是让你低成本验证想法，而不是永远不花钱。当网站开始带来收入，把关键服务升级到付费计划，换来的是稳定和省心，这笔钱通常值得花。
常见问题
- 一个人做网站，哪些环节可以免费？
- 对一个刚起步、流量不大的个人网站，除了域名，其余环节都可以先用免费方案跑起来：Excalidraw 画草图，Cursor、TRAE、GitHub Copilot 的免费版写代码，GitHub 存代码，Vercel Hobby、Cloudflare Pages 或 Netlify Free 托管，Supabase 免费版做数据库和登录，Search Console 加 Google Analytics 或 Umami 做收录和统计。
- 个人网站托管选 Vercel 还是 Cloudflare Pages？
- 本文的建议是：用 Next.js 就选 Vercel，纯静态站选 Cloudflare Pages。要注意 Vercel 的 Hobby 计划是给个人非商业项目用的，网站开始挂广告、卖东西之后，按官网条款应该升级到 Pro 或换到其他平台。
- Supabase 免费版有什么坑？
- 免费项目连续 1 周没有活动会被暂停。做演示项目时记得定期访问，或者在正式上线后升级。
- 网站上线当天要做哪些事让搜索引擎找到？
- 打开 Google Search Console 验证网站所有权并提交 sitemap.xml；同时确认每个页面都有独立的标题和描述。
- 做网站一定要花的钱是什么？
- 域名。本文的总结表里，域名是唯一一笔几乎必须花的钱；其他环节在流量不大、未商用时基本可以先用免费方案。