个人网站搭建指南

如果你现在问我怎么建一个个人网站，我的回答可能和三年前完全不同。

以前建站的方式大概是：学 HTML、学 CSS、学 JavaScript，或者用 WordPress 搞半天插件，最后折腾一个星期才勉强上线。

现在？我跟 AI 说几句话，网站就建好了。

这就是我想分享的——2026 年建个人网站的方式。

核心理念：通过对话完成建设

我这个网站 xiaofan.blog 是怎么建起来的？整个过程是这样的：

1. 我在 Steam Deck 上部署了 OpenClaw（一个 AI Agent 平台）
2. 我跟它对话："帮我建一个个人博客网站"
3. 它帮我写 HTML、CSS，设计页面结构，写好所有页面
4. 它帮我把代码 push 到 GitHub 仓库
5. Vercel 自动检测到代码更新，自动部署上线

整个过程我做的事情就是——聊天。告诉我想要的效果，它帮我实现。这就是新时代的建站方式。

技术架构：三件套

1. GitHub —— 代码仓库

所有网站的源代码都存放在 GitHub 的一个仓库里。每次我改了东西，push 上去，就相当于保存了一个版本。这是最基础的代码管理工具。

2. Vercel —— 自动部署

Vercel 是一个免费的托管平台。你把它和你的 GitHub 仓库连接起来，每次有新代码 push 上去，它会自动检测、自动构建、自动部署。不需要你手动传文件、不需要你登录服务器配环境。

而且 Vercel 支持自定义域名——我把 xiaofan.blog 绑上去，访问 https://xiaofan.blog 就能看到我的网站。

3. OpenClaw —— AI Agent

这是整个流程的核心。OpenClaw 是一个跑在本地设备上的 AI 智能体。它可以直接操作我的文件、执行 git 命令、管理网站代码。

我只需要用自然语言跟它对话：

• "帮我写一个博客页面"
• "把这个标题改成繁体中文"
• "帮我 push 到 GitHub 部署"
• "删除掉那几篇文章"

它都会帮我完成。

实际体验

举个真实的例子。我让 OpenClaw 帮我写这个博客的全部 13 篇文章——从选题、到写内容、到更新页面链接、到 push 部署——全程我只需要告诉它想要什么。

最后它告诉我："搞定了，Push 成功，Vercel 已经自动部署了。"

我打开浏览器，网站确实上线了。这就是整个过程。

这种方式的优势

• 门槛极低——不需要懂编程，会说人话就行
• 速度快——以前建个网站要几天，现在跟 AI 聊几句就能上线
• 零成本——GitHub 免费、Vercel 免费、OpenClaw 开源免费，整个建站过程不花一分钱
• 持续迭代——想改什么，跟 AI 说一声，它立刻帮你改好并部署
• 版本管理——每次改动都有 git 记录，随时可以回退

如果你也想试试

基本步骤是这样的：

1. 注册 GitHub——建一个仓库存放你的网站代码
2. 注册 Vercel——连接你的 GitHub 仓库，开启自动部署
3. 部署 OpenClaw——在你的设备上安装 OpenClaw，配上 API Key
4. 开始对话——告诉 AI 你想建什么样的网站，它帮你完成

当然，如果你懂一点 HTML/CSS，效果会更好，因为你可以更精准地告诉 AI 你想要的效果。但即使完全不懂，AI 也能帮你做出一个像样的网站。

写在最后

建站这件事，从"必须学编程"到"用建站平台拖拽"，再到今天"跟 AI 对话就搞定"——技术的门槛正在消失。

未来个人网站的门槛不会是你"会不会写代码"，而是你"有没有想法"。

你有想法，AI 帮你实现。这就是现在做网站的方式。