Surge 是一个适合快速构建和部署静态网站的工具，支持自动化构建、部署和托管。以下是使用 Surge 的基本教程

安装 Surge

安装 Surge：

npm install -g surge

初始化 Surge 项目

在项目目录中，初始化 Surge 项目：

surge init

配置 Surge 的站点配置文件

Surge 使用一个 SiteConfig.json 文件来配置站点信息，创建或编辑 SiteConfig.json 文件：

{
  "version": "1..",
  "host": "your-site-name.surge.sh",
  "base": "/",
  "routes": [
    {
      "source": "**/*.html",
      "route": "/"
    }
  ],
  "html": "**/*.html",
  "css": "**/*.css",
  "js": "**/*.js",
  "images": "**/*.jpg",
  "fonts": "**/*.ttf",
  "other": "**/*.",
  "permalinks": {
    "trailingSlash": true
  }
}

在项目目录中添加 HTML 文件、CSS 文件、JavaScript 文件和其他静态资源文件。

构建和部署

运行以下命令构建和部署网站：

surge build

访问网站

构建完成后，Surge 会自动将网站发布到 your-site-name.surge.sh 域名。

使用 Surge CLI

Surge 提供了命令行界面,可以通过以下命令执行一些常用操作：

• 构建并部署：

  surge build

• 查看构建日志：

  surge logs

• 删除站点：

  surge delete

使用 Surge 的图形界面

Surge 也提供了一个图形界面，可以通过浏览器访问 http://localhost:809 进入。

配置 404 页面

如果你希望自定义 404 页面，可以在 SiteConfig.json 中添加如下配置：

{
  "404": "404.html"
}

使用 Surge 的其他功能

• 评论系统：可以通过添加评论插件来实现评论功能。
• 搜索功能：添加搜索插件。
• 分页功能：通过添加分页插件实现分页。

部署到其他平台

如果你需要将网站部署到其他平台（如 GitHub Pages），可以通过 Surge CLI 将内容导出到一个 index.html 文件,然后手动部署到其他平台。

更新和维护

• 如果你发现网站有更新，可以重新构建并部署：

  surge build

• 如果你使用了插件，可以定期检查插件的更新情况,确保兼容性。

常见问题

• 如果你遇到问题，可以查看 Surge 的 官方文档。
• 如果你需要帮助，可以在 Surge 的社区 寻求支持。

通过以上步骤，你应该能够快速上手使用 Surge 构建和部署静态网站。