用一杯奶茶钱搭建网站
现如今，即使没有专业开发经验，也可以用极低成本建立一个真正属于自己的网站
过去，建设一个网站通常需要掌握编程、购买服务器、配置数据库，还要处理域名解析和网站部署。如今，借助AI、GitLab和Cloudflare，即使没有专业开发经验，也可以用极低成本建立一个真正属于自己的网站。
整套方案的固定支出只有域名费用：在宝塔官网购买一个价格较低的.cn域名，代码托管、网站部署、HTTPS证书和基础访问加速都可以使用免费服务完成。
如果你不介意，甚至可以使用免费域名，真正实现零成本搭建。
在开始前，请确保已开通 宝塔、GitLab、Cloudflare 账号。
第一步：购买域名
域名是网站在互联网上的地址，例如srces.cn。
有了自己的域名，就等于在浩大的互联网世界中拥有了一席之地，任何人都可以通过https://你的域名来访问你的内容。
域名结构如下，以www.example.com为例：
在域名注册实践中，宝塔的域名注册服务性价比较高（无赞助），首年与续费价格低于腾讯云、阿里云等平台。
顶级域名首选.cn，首年价格较低，适合面向国内的个人主页、博客、作品集和产品网站。
购买前应注意检查续费价格，并完成域名实名认证。若网站部署在Cloudflare等境外基础设施上，通常不需要购买国内服务器；但访问稳定性、备案要求和具体业务合规性仍应根据实际情况判断。
如果暂时不想购买域名，可以前往DigitalPlat Domains等平台注册免费域名。
托管在境外服务器（例如使用Cloudflare）且无收费功能的网站无需备案。
第二步：使用IDE和AI编写网站
购买域名后，可以在VS Code、Cursor、Trae、Windsurf等IDE中创建项目，并使用AI辅助编程。
只需向AI描述网站需求，例如：
设计一个极简的个人知识分享网站，包含首页、文章列表、文章详情和关于页面，支持手机端访问。
AI可以帮助生成页面、组件、样式和配置文件，也可以分析报错、修改代码和优化设计。对于简单网站，可以直接使用HTML、CSS和JavaScript；需要更完整的页面管理和路由能力时，可以选择Nuxt、Astro或Next.js。
可参考：
AI降低了编程门槛，但不能完全替代检查。至少应理解项目如何启动、如何构建，以及环境变量和密钥应该放在哪里。
第三步：将代码上传到GitLab
网站完成后，在GitLab创建一个代码仓库，并把本地代码上传。
为什么不用GitHub？因为代码提交后的推送效率低，国内使用体验较差。
GitLab相当于网站代码的云端保险箱。它可以保存每一次修改记录，当AI误删代码或新版本出现问题时，可以快速恢复到之前的状态。
日常开发流程非常简单：
- 在IDE中修改网站；
- 将修改提交到GitLab；
- Cloudflare检测到更新；
- 自动重新构建并发布网站。
通过这种方式，不需要手动上传压缩包，也不需要登录服务器替换文件。
第四步：使用Cloudflare关联GitLab
在Cloudflare中创建Pages或Workers项目，授权访问GitLab，并选择对应的网站仓库。
随后配置项目的构建命令和输出目录。例如，Nuxt项目通常需要执行构建命令，纯HTML网站则可以直接发布整个目录。
Cloudflare会自动完成网站构建、文件托管、全球内容分发和HTTPS证书配置。每次向GitLab提交代码后，Cloudflare都会自动部署新版本。
Cloudflare还会为每次提交生成独立预览地址。正式发布前，可以先通过预览页面检查修改结果，确认没有问题后再合并到主分支。
第五步：在Cloudflare配置域名
网站成功部署后，需要把宝塔购买的域名接入Cloudflare。
先在Cloudflare添加域名，再按照提示，将域名的DNS服务器修改为Cloudflare提供的地址。修改通常需要在宝塔的域名管理后台完成。
DNS生效后，在Cloudflare项目中绑定自定义域名，例如：
example.cnwww.example.cn
Cloudflare会自动申请和续期HTTPS证书，不需要单独购买SSL证书。
需要数据库怎么办？
个人主页、博客、文档站和作品集通常可以直接使用静态文件，不需要数据库。
当网站需要用户注册、文章后台、评论、收藏、文件上传或动态数据时，可以接入Supabase。它提供PostgreSQL数据库、用户认证、对象存储和自动API，免费额度通常足以支持个人项目早期使用。
此时整体架构为：
宝塔购买域名 → IDE和AI开发 → GitLab托管代码 → Cloudflare自动部署 → Supabase提供可选数据服务。
最终成本
对于访问量不高的个人网站，GitLab、Cloudflare和Supabase都可以从免费方案开始使用。因此，整个项目的固定成本通常只有域名注册与续费费用。
AI负责降低开发难度，GitLab负责保存代码，Cloudflare负责部署和访问，Supabase负责可选的后台数据。过去需要服务器和专业运维才能完成的事情，如今个人也能在较短时间内独立完成。
