一个完全没基础的新手,怎么从零开始,免费搭建一个属于自己的网站
天选嘉鲤敦赵图图
2026年05月25日 22:45
网站运营人

我是真被评论区气笑了。今天看到有一个博主教大家如何制作网站并发布自己的产品,评论第一条竟然是这样的:

所以这期,我就专门讲清楚:一个完全没基础的新手,怎么从零开始,免费搭建一个属于自己的网站。

第一步,用 AI 生成第一版

你可以直接对 AI 说:“帮我做一个个人网站首页,用 HTML、CSS、JavaScript,包含头像、简介、作品展示和联系方式,风格简洁高级,适配手机端。”

它会给你生成几个文件:index.html、style.css、script.js。这三个文件,就是一个最基础的网站。如果你想做得高级一点,可以用 Next.js、Tailwind CSS、Vercel 这一套。

但如果你是纯新手,我建议第一版先做静态站。先上线,先能访问,先能发给别人看。

第二步,把代码放到 GitHub

GitHub 可以理解成你网站代码的仓库。你把代码传上去,然后连接 Vercel 或 Cloudflare Pages。连接以后,你每次改代码,平台都会自动重新部署。

不用登录服务器,不用 FTP 上传,不用手动重启服务。如果你这一步不会,可以继续问你的AI,他会告诉你什么是github并帮你建立仓库和推送。

第三步,免费部署上线

如果你是 HTML、CSS、JS 静态站,用 Cloudflare Pages。

如果你是 Next.js、React 这种网站,用 Vercel。

如果你只是最简单的个人主页,也可以用 GitHub Pages。

部署成功以后,平台会送你一个免费网址,比如 xxx.pages.dev 或 xxx.vercel.app。

到这一步,你已经有一个真正能访问的网站了,而且一分钱没花。

第四步,如果你需要数据库,可以继续使用Supabase

比如你的网站要收集用户提交、保存评论、展示排行榜,才需要数据库。这个时候可以用 Supabase 的免费层。

但注意,新手第一版网站,能不用数据库就不用数据库。

能静态就静态,能简单就简单。

第五步,要专业一点,再买域名。

免费网址能用,但不够正式。

如果你想让网站看起来更像一个品牌,就买一个自己的域名。

这可能是整个建站流程里唯一真正建议花钱的地方。

买完域名以后,把 DNS 接到 Cloudflare,再绑定到你的 Vercel 或 Cloudflare Pages 项目上。证书也不用你买,HTTPS 自动配置。

我目前有两个站点,一个是zhaotutu.xyz,长期放自己开发的产品

另一个是zhaotutu.ai,是中转站排行榜,完全用缓存,可用率等数据排名,人工不参与

最后,稍微扫个盲:

Cloudflare 是全球最大的网络安全和 CDN 公司之一

GitHub 是全球程序员放代码的地方

Vercel 是 Next.js 背后的部署平台

Supabase 是全球最多独立开发者和初创团队在用的数据库和后端服务

他们都有自己的安全合规中心并被全球开发者认可,不属于野鸡平台,谢谢。