Surge是一款功能强大的静态网站和前端应用部署工具，能够帮助开发者快速构建、测试和部署项目。以下是使用Surge的详细步骤指南

安装Surge工具

安装Surge工具,根据你的操作系统进行相应的安装：

• Mac/Linux：

  curl -fsSL https://surge.sh | sh

  安装完成后,运行：

  surge --version

  查看安装是否成功。

• Windows： 使用PowerShell运行：

  (Invoke-WebRequest https://surge.sh/surge-win-64.exe -OutFile surge-win-64.exe)
  surge-win-64.exe

初始化Surge项目

在项目根目录运行以下命令,创建Surge文件：

surge init

这会生成一个 surge.json 文件，按照提示填写项目信息：

• ：项目名称。
• 项目描述：项目简要说明。
• 框架类型：选择使用的前端框架（如React、Vue等）。
• 域名：如果有自定义域名，可填写。

添加项目文件

将项目文件添加到Surge目录中,假设你的项目结构如下：

project/
├── public/
│   ├── index.html
│   └── main.js
└── surge.json

运行以下命令,将文件添加到Surge目录：

surge add public/

构建项目

根据框架类型,配置好项目后，运行构建命令，使用React项目：

cd project && npm run build

构建完成后,将构建文件添加到 public/ 目录。

部署项目

使用Surge命令线上部署：

surge push

或者,如果你使用Git，可以将项目推送到远程仓库：

git add .
git commit -m "提交信息"
git push origin master

Surge会自动构建并部署项目到云端。

配置域名

如果有自定义域名,编辑 surge.json 文件：

{
  "surge": {
    "domain": "yourdomain.com",
    "static": "public/",
    "prefix": ""
  }
}

在你注册的DNS提供商处,将 yourdomain.com 指向 surge.sh 的IP地址。

使用Surge的优势

• 自动化构建：Surge会自动检测文件变化并重新构建。
• 零配置：适合简单的静态项目，减少配置时间。
• 易于部署：通过命令即可快速上线，无需复杂流程。
• 多环境支持：可以配置多个环境，方便测试和开发。

高级配置

如果需要更高级的配置,可以修改 surge.json 文件：

• 动态路由：配置路由规则。
• 缓存策略：设置文件缓存时间。
• 错误页面：自定义404页面。

Surge通过简化部署流程,帮助开发者快速上线项目，特别适合前端和静态网站开发，安装、初始化和部署过程简单易捷，适合熟悉命令行工具的用户，遇到问题时，可以参考Surge的官方文档或社区求助。