安装 Surge

在终端中运行以下命令安装 Surge：

npm install -g surge

登录 Surge

使用以下命令登录 Surge 账户：

surge login

这会提示你输入你的用户名和密码,注册如果还没账户。

部署项目

准备好你的静态项目文件（如 myproject 文件夹），进入该目录运行：

surge deploy

Surge 会提示你输入域名或选择使用随机域名，输入你拥有的域名即可，或者按回车使用随机域名。

本地调试

在本地查看部署结果,运行：

surge serve

然后在浏览器中访问 http://localhost:3994 查看内容。

管理部署

登录管理页面：

surge login

然后访问管理页面 https://app.surge.net/usernames/yourusername，查看和管理你的项目。

配置文件（可选）

创建 surge.json 文件，配置域名、路径等设置：

{
  "surge": {
    "domain": "yourdomain.com",
    "static": "dist/",
    "prefix": [],
    "redirect": "none"
  }
}

比较与其他工具

• Netlify：提供更多集成和自动化功能，适合需要构建工具的项目。
• Firebase Hosting：集成 Firebase 数据库，适合动态内容。
• Surge：免费且简单，适合静态项目。

解决常见问题

• 权限问题：确保你有权限访问项目文件。
• DNS 解析问题：检查 DNS 记录，确保 CNAME 指向 Surge 的服务器地址。

通过以上步骤,你可以轻松使用 Surge 部署静态网站，适合个人项目或小型前端应用。