或者

使用Surge部署静态网站是一个高效且灵活的方法,以下是分步指南：

安装Surge CLI

在终端中安装Surge CLI工具：

npm install -g surge

创建Surge配置文件

在项目根目录下创建一个名为surge.json的文件，填写必要的配置：

{
  "surge": {
    "app": true,
    "build": "build/",
    "domain": "yourdomain.surge.sh", // 自定义域名
    "static": "public/",
    "entry": "index.html",
    "prod": true,
    "dynamic": false
  }
}

初始化Surge项目

运行以下命令初始化Surge项目：

surge init

按照提示完成配置,或者直接使用配置文件。

构建项目

使用 npm scripts 或 Yarn 命令构建项目：

npm run buildyarn build

部署到Surge

运行以下命令将构建好的项目部署到Surge：

surge

按照提示输入Surge的密码（如果有）或选择使用配置文件。

访问网站

部署完成后,访问网站的域名为https://yourdomain.surge.sh。

高级功能（可选）

如果需要动态路由或文件上传：

{
  "surge": {
    "dynamic": true,
    "upload_path": "uploads/",
    // 其他配置
  }
}

解决常见问题

• 权限问题：确保文件权限正确，尤其是在构建脚本中。
• 构建失败：检查surge.json配置是否正确，确认所有依赖项已安装。
• 域名配置：确保域名解析正确，可能需要等待DNS更新。

文档与社区

如有疑问,可参考Surge官方文档或社区，如 Surge documentation 或 Discord。

通过以上步骤,你可以轻松使用Surge部署静态网站，享受快速、便捷的开发体验。