1. 创建surge.json文件：在项目根目录下新建一个名为surge.json的文件。

2. 配置基本信息：

   • 项目名称：在project字段中指定项目名称。
   • 源管理：在source字段中指定源文件或Git仓库，如果从本地文件系统读取，设置为；如果使用Git，设置为"git://github.com/username/repository.git"。

3. 指定目标路径和文件：

   • 目标路径：在surge.target中指定部署到的文件夹。
   • 文件名：在surge.file中指定入口文件，如index.html。

4. 配置远程服务器：

   • 主机名：设置remote.host为目标域名。
   • 端口：设置remote.port为80（HTTP）或443（HTTPS）。
   • 身份验证：如有必要，添加用户名、密码、private_key等。

5. 启用实验功能（可选）：

   • 保持连接：在experimental.keepalive中设置延迟,如5分钟。
   • 自动化脚本：在experimental.before中添加预部署命令,如构建和复制文件。

6. 保存并验证配置：

   • 确保所有路径和信息正确无误。
   • 使用surge config验证配置文件。
   • 运行surge push进行部署。

示例配置文件：

{
  "project": "my-static-site",
  "source": "dist",
  "surge": {
    "target": "dist",
    "file": "index.html"
  },
  "remote": {
    "host": "yourdomain.com",
    "port": 80,
    "username": "username",
    "password": "password",
    "protocol": "https"
  },
  "experimental": {
    "keepalive": 5,
    "before": ["npm run build", "cp -r dist/* dist"]
  }
}

步骤说明：

1. 创建文件：在项目根目录下创建surge.json。

2. 填写项目名称：在project字段中输入项目名称。

3. 源管理配置：

   • 如果使用本地文件，设置source为。
   • 如果使用Git仓库，设置为Git URL,并可选指定分支。

4. 目标路径和文件：

   • target为部署的文件夹，通常为dist。
   • file为入口文件，如index.html,或者留空以使用默认文件。

5. 远程服务器配置：

   • host为目标域名。
   • port为目标端口，默认为80（HTTP）或443（HTTPS）。
   • 可选username、password、private_key等,视需求而定。

6. 实验功能：

   • keepalive用于防止连接超时,建议设置为正整数。
   • before用于预执行部署前的脚本,例如构建和部署。

7. 保存并验证：

   • 确认所有路径正确。
   • 使用surge config验证配置文件。
   • 运行surge push开始部署。

通过以上步骤，你可以根据项目需求自定义Surge配置文件,实现静态网站的快速部署。