用Claude写代码自动部署网站：从零到一，10分钟搞定

一个不会写代码的运营，用AI在20分钟里搭好了公司官网——这不是科幻片，是你明天就能做到的事。

如果你对“自动部署”这个词感到陌生，没关系。你只需要知道：过去一个程序员花半天做的事，现在你和Claude聊20分钟就能完成。 而且，你甚至不需要懂代码。

1. 为什么非要自动部署？手动上传不香吗？

先讲一个真实的故事。

朋友老王在一家创业公司做运营。公司要上线一个活动页面，他写好HTML文件，用FTP上传到服务器——结果传错了文件夹，页面404了一整天，CEO在群里@了他三次。

这不是他笨。而是手动部署就像用手拧螺丝，一次两次还行，100次就一定会出问题。

手动部署的典型问题：

文件传错位置
版本混乱（本地改了，线上没更新）
忘记压缩、忘记改配置
上传中断导致网站打不开

而自动部署，相当于你写了一个“机器人”，它会在你push代码的瞬间，自动完成：拉取代码 → 测试 → 压缩 → 上传 → 重启服务器。整个过程不超过30秒，而且不犯错。

更关键的是——Claude能让完全不写代码的人，写出能跑的自动部署脚本。

2. 用Claude写自动部署脚本的魔法流程

不需要学Python、不需要懂Shell，你只需要知道三个东西：

你的代码存在哪里（比如GitHub）
你的服务器在哪里（比如阿里云、腾讯云）
你会打字问Claude

操作步骤（普通人友好版）：

第一步：在GitHub上建一个仓库

打开 github.com，注册账号（有谷歌邮箱就行）
点击“New Repository”，起个名字比如“my-website”
把你本地的网页文件拖进去，点“Commit changes”

这一步如果你不会，直接问Claude：“如何在GitHub上创建一个仓库并上传文件？” 它会给图文步骤。

第二步：准备服务器环境

假设你有一台云服务器（比如腾讯云最便宜的轻量应用服务器，一年不到100块）。

你需要：

服务器IP地址
登录用户名（通常是root）
密码或密钥

如果你连服务器都没配置过，别慌。 把下面这句话发给Claude：

“我有一台全新的腾讯云轻量服务器，Ubuntu系统，我想用它来托管一个静态网站，请给我一步一步的操作命令，并解释每个命令是干什么的。”

Claude会告诉你：

sudo apt update
sudo apt install nginx -y
sudo systemctl start nginx

每一条命令它都会解释。比如apt update就是“检查所有软件包的最新版本”。

第三步：写自动部署脚本

这是最核心的一步。你不用自己写，把下面这段话复制给Claude：

“我的网站代码在GitHub上，仓库名叫my-website，分支是main。服务器是Ubuntu，已安装Nginx。网站文件需要放到/var/www/my-website/目录。请写一个GitHub Actions自动部署脚本，当我push代码到main分支时，自动把代码部署到服务器上。请只输出可用的YAML文件。”

Claude会生成类似这样的内容：

name: 自动部署网站

on:
  push:
    branches: [ main ]

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - name: 部署到服务器
        uses: appleboy/scp-action@master
        with:
          host: ${{ secrets.HOST }}
          username: ${{ secrets.USERNAME }}
          password: ${{ secrets.PASSWORD }}
          port: 22
          source: "."
          target: "/var/www/my-website/"

注意： 这里有个关键点——不要直接写密码，用“Secrets”。怎么设置？继续问Claude：

“如何在我的GitHub仓库里设置Secrets变量？请给出步骤。”

Claude会告诉你：在GitHub仓库页面 → Settings → Secrets and variables → Actions → New repository secret。然后把你服务器的IP设为HOST，用户名设为USERNAME，密码设为PASSWORD。

第四步：测试

在你的电脑上修改网页文件，比如把标题改成“Claude帮我部署的网站”
用Git push到GitHub
打开GitHub仓库的Actions页面，你会看到一个小绿点正在转
等几十秒，绿点变成对勾
打开浏览器，输入你的服务器IP

如果你的页面显示了，恭喜——你已经完成了从“手动上传”到“自动部署”的跃迁。

如果没显示，不急。把Actions页面里的红色报错信息复制给Claude：

“我的GitHub Actions报错了，内容如下：[粘贴报错]。请告诉我怎么修复。”

Claude会诊断问题并给出具体修复步骤。大部分新手问题都集中在：

密码写错了（检查Secrets）
服务器目录权限不够（用sudo chmod命令）
Nginx配置不对（需要指定根目录）

3. 真实案例：运营妹子用Claude一周搞定公司官网

我认识一个朋友，26岁，不会写一行代码，是某教育公司的运营。

公司想做一个“课程展示页”，花钱找外包报价8000元，还要等两周。她不服气，用Claude做了三件事：

用Claude写网页代码：她描述“我要一个蓝色背景、白色字体、中间一个报名按钮的页面”，Claude直接输出HTML+CSS
用Claude配置服务器：她问“怎么在腾讯云上挂载一个网站”，Claude给了一行命令，她复制粘贴
用Claude写自动部署：按本文流程，20分钟搞定

结果： 页面从设计到上线，只花了3天（其中2天在选照片）。上线后，公司节省了8000元外包费，她拿到了2000元奖励。

这不是天赋，这是工具的红利。

4. 你可能遇到的3个坑（附救回方案）

坑1：Git push之后，网站没更新

原因： GitHub Actions没有触发。
方法： 检查是否有绿色的对勾。如果没有，去Actions页面手动触发一次“Re-run all jobs”。如果始终失败，把报错贴给Claude。

坑2：网站显示403 Forbidden

原因： 服务器目录权限不对。
方法： 在服务器上运行：

sudo chmod -R 755 /var/www/my-website/
sudo chown -R www-data:www-data /var/www/my-website/

（这两句什么意思？自己问Claude）

坑3：Claude给的命令报错

原因： 版本变化或环境不同。
方法： 把完整的错误信息复制给Claude，并加上“请给出针对Ubuntu 22.04的正确命令”。

5. 进阶玩法：一劳永逸的“自动发布”系统

当你熟练了基本操作，可以玩更高级的：

多环境部署：push到dev分支自动部署到测试服务器，push到main才部署到生产服务器
自动压缩图片：部署前自动用工具压缩图片，让网站加载更快
自动替换配置：开发环境和生产环境用不同的API地址，脚本自动替换
自动发送通知：部署成功后，自动在钉钉/企业微信群发一条消息

这些操作，Claude都能帮你写。你只需要告诉它：“我需要一个自动替换API地址的功能，我的配置文件是config.js，开发环境用dev.example.com，生产用prod.example.com。”

6. 行动号召：今天就开始

别等到“有空了”“学会了”再做。你只需要：

打开 chat.openai.com 或 Claude.ai
复制文中的第一段提示语（“我的网站代码在GitHub上……”）
跟着Claude的步骤走
在评论区告诉我你的结果

当然，如果你连服务器都没有——那就先买一台。我自己用的是腾讯云轻量应用服务器，一年88元，足够跑一个企业官网。

最后，五个字总结本文：
问问Claude吧。

⚠️ 免责声明：
本文中提到的自动部署方案仅适用于个人或公司内部项目。对于商业生产环境，请务必在了解安全风险（如密码泄露、权限配置不当）后使用。建议在正式环境中使用SSH密钥代替密码登录，并定期更新服务器安全补丁。作者不对因使用本文方案导致的任何数据丢失或安全问题承担责任。