我如何使用 AI 开发自己的第一个网站

我一直觉得“做一个网站”是件要准备很久的事：得先学会前端，再搞懂服务器。直到今年，我真的把自己的第一个小站做了出来。整个过程中，AI 更像一个随时在线的同伴：它帮我推进，但没有替我做完所有事。

一、先把想法讲成人话

我没有一上来就让它写代码，而是先描述我想做什么：一个放个人文章的小站，首页列出标题和摘要，点进去能看全文，手机上打开也别太难看。描述得越具体，它给出的方案就越接近我想要的。

我还特意加了一句：“先别写代码，先告诉我需要哪几个页面，每个页面放什么。”这一步帮我省了很多返工——原来我脑子里的“一个页面”，其实要拆成首页、文章页和关于页。

二、第一版：先让它能跑起来

拿到结构之后，我才让它写代码。第一版非常朴素，就是一个 HTML 文件（语言：HTML）：

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>我的小站</title>
  </head>
  <body>
    <h1>我的小站</h1>
    <p>这里以后会放我的文章。</p>
  </body>
</html>

它很简陋，但能在浏览器里打开。我给自己定了一条规则：每一版只要能运行就保存一次，再让 AI 改下一步。这样即使某次改动搞砸了，退回上一版就行，不至于从头再来。

三、卡住时，把报错原样贴过去

真正花时间的不是写代码，而是改错。我一开始只会说“这里不生效”，AI 只能猜，来回好几轮也没解决。后来我改了做法：把完整的报错信息、相关的那几行代码、以及我期望的效果一起贴过去，并说明“我点了这个按钮，应该出现什么，实际出现了什么”。

这样问之后，定位问题的效率明显提高。我也慢慢养成习惯：每次只改一个问题，改完立刻刷新页面确认，不把好几个改动堆在一起。

四、部署比我想的简单

上线那一步我拖了很久，总觉得会很复杂。实际了解下来，静态网站有不少免费的托管方式，大体流程是把文件放到代码仓库，再在托管平台上按提示连接、选择目录、等构建完成。第一次部署时页面打不开，后来发现是入口文件名和配置对不上，改过来就好了。

五、回头看

我的网站现在依然很简单，但它真实存在，朋友点开链接就能看到。回头看，我觉得 AI 帮我的不是“写完了代码”，而是把“我不会”变成了“我可以边做边学”。判断和取舍仍然在我这里：要不要加这个功能、这个结构合不合理、这段代码我能不能看懂。

如果你也想做一个自己的网站，我的建议是：今天就把想法用一段话写下来，先做出能打开的第一版。