前言

随着大模型的能力越来越强,即使我技术很菜、完全不懂前端后端,也还是成功建立了属于自己的网站。下面这篇文章就来分享一下,我是如何一步步创建自己的网站的。

前期准备

  1. 总花费:大约 12 元。其中调用 DeepSeek API 花了约 5 元,购买域名花了 7 元。

  2. 必备工具:Claude Code(或 Codex),网络加速器;

  3. 账户准备:GitHub 账户、DeepSeek 账户、支付宝账户等。

一、购买域名

想好你想要的域名,然后用支付宝账号登录阿里云(或其他域名注册商),搜索想注册的域名。你可以多比较几个平台的价格,选最实惠的购买。

购买后需要进行实名认证,一般等待几十分钟即可通过。

二、创建代码仓库

登录 GitHub,创建一个新的代码仓库。建议设为 Private(私有),这样只有你自己能看到代码。

三、编写程序

这一步需要 AI 来写代码。打开 Claude Code,输入你的需求,然后静待代码生成。提示词尽量详细,描述得越清楚,生成的效果越好。另外推荐你在开发前搜索一下有没有好用的 Skill(技能插件),毕竟磨刀不误砍柴工。

代码完成后,先在本地测试。如果运行没有问题,就可以提交到代码仓库了。

四、在 Vercel 上部署

用 GitHub 账号注册一个 Vercel 账号,导入刚才创建的代码仓库,然后一键部署。这时候其实你已经成功上线了一个能在网上访问到的网页了——只不过域名后缀可能不太满意。

接着,在 Vercel 的项目设置中填入你购买的域名,系统会显示一个 A 记录值,记下它。

五、解析域名

如果实名认证已经通过,就可以进行这一步了。回到域名管理后台,点击「解析」,将上一步得到的 A 记录值填入并保存。继续等待(一般 15 分钟左右解析生效),之后你就可以在浏览器中通过自己购买的域名访问到自己的网站了。

六、添加数据库

没有数据库的话,网站中的数据(如用户信息、帖子等)是无法持久保存的,所以一般都需要配置一个数据库。我选用的是 Supabase(一个开源的 BaaS 平台)。创建好项目后,让 Claude Code 帮你写好数据库查询语句(query),然后运行并创建数据表。这样数据库就配置完成了。

七、结语

到这里,你已经成功创建了自己的网站!需要注意的是,由于服务器部署在国外,国内网络无法直接访问这个网站。

做到这一步,其实只完成了一半。剩下的事情,需要你跟 Claude Code 好好沟通,一起解决一个又一个 Bug,直到自己满意为止。加油!