Surge 是一个简单的静态网站托管服务，适合前端开发者快速部署静态网站或应用。以下是新手配置 Surge 的流程

安装 Surge CLI

Surge 提供了一个命令行工具（Surge CLI）,用于本地项目管理和部署。

安装命令：

npm install -g surge

创建或初始化项目

如果你已经有一个项目，可以跳到这一步，或者如果是新项目,可以先初始化：

surge init project-name

这会在你的项目目录中创建一个 package.json 和一个 surge.json 文件。

配置 Surge

在 surge.json 文件中,配置你的项目信息。

{
  "surge": {
    "app": "your-app-name.tld", // 你的域名或路径
    "domain": "your-domain.tld", // 你的域名（可选）
    "https": true,
    "static": "dist", // 你的静态文件目录
    "redirects": [],
    "routes": []
  }
}

• app: 你的项目展示路径。
• domain: 你的域名（如果你已经有域名）。
• https: 是否启用 HTTPS。
• static: 静态文件目录，默认是 dist。

编辑文件

在 pages 或 static 目录中添加你的 HTML、CSS 和 JavaScript 文件，或者使用模板引擎（如 EJS、Pug）。

绑定域名（可选）

如果你已经有域名，可以将其绑定到 Surge：

surge bind your-domain.tld

部署项目

在项目根目录中运行以下命令，Surge 会自动将你的项目部署到互联网：

surge

• 如果是生产环境（推荐）,使用：

  surge --production

• 如果是开发环境,可以使用：

  surge --dev

查看部署结果

部署完成后，Surge 会给你一个临时 URL，

http://your-app-name.surge.sh

你可以通过这个 URL 访问你的网站。

后续操作

• 更新项目：修改代码后，重新运行 surge 命令。
• 删除项目：如果你想删除项目，可以使用：

  surge delete your-app-name.surge.sh

Surge 的优势

• 免费：基本功能免费,高级功能有付费选项。
• 简单：通过命令行工具快速部署。
• 静态文件：适合静态网站或前端应用。
• 高可用性：Surge 使用 CDN 提供内容分发,保证快速访问。