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


所以这期,我就专门讲清楚:一个完全没基础的新手,怎么从零开始,免费搭建一个属于自己的网站。
第一步,用 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 是全球最多独立开发者和初创团队在用的数据库和后端服务
他们都有自己的安全合规中心并被全球开发者认可,不属于野鸡平台,谢谢。