导读:本文适合所有想拥有个人网站但苦于不会编程的朋友。我将完整分享如何零代码、零成本,在24小时内搭建一个功能完整的网站。
先上成果
这是一个"2026年AI副业导航站",核心就一句话:只给你2026年能直接用的AI工具 + 资源包。我为什么突然想建个网站?
上周刷朋友圈,看到好几个朋友都在晒自己的个人网站。有的用来展示作品集,有的做工具导航,还有的干脆当博客用。我点开看了看,都挺像那么回事的。我心里就琢磨:我连个代码都不会敲,能搞出来这玩意儿吗?但转念一想,2026年了,AI都能写论文、做视频了,搭个网站应该不是什么难事吧?我的技术栈(全程免费)
先给大家交个底,我这次用到的所有工具和服务,没有花一分钱:环节 | 工具/服务 | 费用 |
写代码 | WorkBuddy(AI编程助手) | 免费(用了大概2000积分) |
域名 | DigitalPlat(.pp.ua免费域名) | 免费 |
DNS解析 | Cloudflare | 免费 |
网站托管 | Cloudflare Pages | 免费 |
数据库 | Cloudflare D1 | 免费 |
图片存储 | GitHub + jsDelivr CDN | 免费 |
看到没?全是免费套餐。而且这套组合的稳定性和性能,完全够个人网站使用。第一步:让AI帮我写代码(WorkBuddy)
WorkBuddy是什么?
WorkBuddy是腾讯推出的AI工作助手,简单来说,它就像"长在你电脑里的AI同事"。你告诉它你想做什么,它直接帮你生成代码、改代码、甚至帮你部署。我是怎么用的?
"我想做一个AI副业导航网站,要有工具展示、资源下载、响应式设计,风格要简洁现代。"
WorkBuddy先给我生成了一份完整的需求文档,包括:- 技术选型建议(HTML + CSS + JavaScript,纯前端)
接着,它开始一行一行地生成代码。我只需要在旁边看着,不断提修改意见即可:对待WorkBuddy不要把它当做Ai,当做真人就行,该质疑质疑,这样它反而能提高效率。经过和WorkBuddy的数十轮讨论,经过多次测试,网站的的各项功能都正常了,关键是:我一行代码都没写,全是AI生成的。这里说明下,用WorkBuddy写完代码测试大概用了2500积分,价值约合软妹币100元左右。第二步:申请免费域名(DigitalPlat)
网站代码有了,网站测试各项功能也都👌,但还只能在自己电脑上访问,想让用户也都能正常访问,得搞个域名。我一开始想去买.com域名,一看价格:一年几十到上百块。虽然不贵,但咱这次主打"零成本",能省则省。DigitalPlat是什么?
DigitalPlat它提供的是一组免费域名后缀,这三个 .DPDNS.ORG,.QZZ.IO,.QD.JE 后缀的域名免费,一个人只能有一个。但全球都能访问,而且完全免费,永久有效。申请步骤(超简单)
打开 `https://digitalplat.org`,点击注册账号。在搜索框输入你想要的域名前缀,比如我输入了 `fuye`(副业的拼音)。系统会检查是否可用,如果显示绿色,就说明可以注册。第三步:配置DNS解析和网站托管(Cloudflare)
域名有了,但还需要告诉互联网:"这个域名对应哪个服务器?"这就需要 DNS解析,我用的 Cloudflare,全球最大的DNS服务商之一,免费版功能够用,还提供CDN加速。Cloudflare配置步骤
访问 `cloudflare.com`,用邮箱注册一个账号。登录后点击"添加站点",输入你的域名(比如 `fuye.qzz.io`)。Cloudflare会推荐各种付费套餐,直接选 Free(免费) 就行。生效后,在Cloudflare的DNS管理页面,添加一条 A记录和CNAME记录,指向你的网站服务器地址。同时用Cloudflare Pages托管,直接添加CNAME记录指向你的Pages域名就行。第四步:数据库配置(Cloudflare D1)
我的网站需要存储一些数据,比如工具列表、资源包信息。网站后台更新前台不能及时更新,和Workbuddy讨论后,告诉我如果写死在代码里,每次更新都要重新部署,太麻烦了。于是,我用上了 Cloudflare D1 —— Cloudflare提供的无服务器数据库,免费额度完全够用。D1配置步骤
如果不会操作就截图给Workbuddy让它看截图出主意。
第五步:图片存储(GitHub + jsDelivr)
网站需要一些图片,比如工具图标、资源封面。如果直接放在项目里,仓库会变得很大,加载速度也受影响。最开始Workbuddy推荐的是用Cloudflare R2功能,但是需要绑定支付,后来推荐sm.ms,结果是个收费的。还是我自己提问能不能用GitHub。为什么选这个方案?
- GitHub:免费、稳定、版本控制,不需要绑定任何支付方式
- jsDelivr:免费的CDN加速服务,专门加速GitHub上的资源
- 组合效果:图片上传到GitHub,通过jsDelivr访问,全球加速
具体操作
GitHub 存图 + jsDelivr CDN 免费加速
- 图片存到 GitHub 仓库的
images/ 文件夹 - 通过
https://cdn.jsdelivr.net/gh/用户名/仓库名@main/images/xxx.jpg 访问 - 完全免费,不需要绑定任何支付方式
第 1 步:创建 GitHub 仓库
- 打开 https://github.com/new
- 选择 Private(私有) 或 Public(公开) 都可以
- 不要勾选
创建好后,把你的 GitHub 用户名 告诉我。
第 2 步:创建 Personal Access Token(用于上传图片)
- 打开 https://github.com/settings/tokens
- 点击 「Generate new token」 → 选 「Generate new token (classic)」
- 权限勾选
repo(整个打勾)
花费:0元。GitHub仓库免费,jsDelivr CDN免费。总成本核算
项目 | 费用 |
域名(DigitalPlat ) | ¥0 |
DNS解析(Cloudflare) | ¥0 |
网站托管(Cloudflare Pages) | ¥0 |
数据库(Cloudflare D1) | ¥0 |
图片存储(GitHub + jsDelivr) | ¥0 |
AI编程助手(WorkBuddy) | ¥0 |
**总计** | **¥0** |
写在最后
说实话,一天前我还觉得"建网站"是程序员专属技能。但当我真正动手做下来,发现2026年的今天,AI已经把门槛降到地板上了。你不需要懂代码,不需要会部署,甚至不需要知道什么是DNS解析。如果你也想拥有一个自己的网站,希望这篇教程能给你一些信心。哪怕你一行代码都不会写,只要愿意动手,你也能在浏览器里输入自己的域名,看到那个属于你的网站。如果这篇教程对你有帮助,欢迎转发给身边想建站但不会代码的朋友。2026年,每个人都值得拥有一个自己的网站。
点击阅读原文领取WorkBuddy 2000积分!