关注我们: 微信公众号

微信公众号

电脑用户请使用手机扫描二维码

手机用户请微信打开后长按二维码 -> 识别二维码

微博

Surge 是一个强大的静态网站生成工具,支持多种前端框架(如 React、Vue、Angular 等)可以帮助你快速构建并部署网站。以下是 Surge 在 Mac 上的安装和使用指南

科学上网翻墙软件 2026-08-18 03:41:40 1 0

Surge 安装

方法 1:使用 Homebrew

  1. 首先安装 Homebrew:
    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  2. 安装 Surge:
    brew install surge

方法 2:手动下载安装

  1. 访问 Surge 官方网站:https://surge.sh
  2. 点击下载按钮,选择适合你 Mac 的版本(通常选择 surge-x.x.x-darwin.pkg)。
  3. 双击下载的PKG 文件,安装 Surge。

Surge 使用

  1. 打开 Terminal,进入你项目的目录:

    cd 你的项目目录
  2. 初始化 Surge 项目:

    surge init

    这会创建一个 surge.json 文件,里面会有项目信息。

  3. 添加页面:

    • 打开 surge.json 文件,编辑内容:
      {
        "version": "project",
        "surge": {
          "public": "build",
          "private": "build/private",
          "route": "@surge/route"
        }
      }
    • 保存后,刷新页面或重新启动服务器。
  4. 构建项目:

    surge build
  5. 推送到云端:

    surge push
    • 推送到默认配置(通常是 surge:app 仓库)。
    • 如果你有多个配置,可以指定仓库名称:
      surge push -t my-surge-branch

常用命令

  • 构建并推送surge build && surge push
  • 本地预览surge serve --dev
  • 多页面支持:在 surge.json 中添加路由规则。

注意事项

  • Surge 默认会将文件推送到 SurgeCloud
  • 如果你需要自定义域名,可以在 Surge 仓库中添加 CNAME 记录。

希望这些信息对你有帮助!如果有其他问题,欢迎继续提问。

Surge 是一个强大的静态网站生成工具,支持多种前端框架(如 React、Vue、Angular 等)可以帮助你快速构建并部署网站。以下是 Surge 在 Mac 上的安装和使用指南

如果没有特点说明,本站所有内容均由小飞机VPN梯子|支持VPN连接与节点线路管理,适配电脑手机等常用设备,涵盖翻墙软件、机场节点及网络代理等行业功能原创,转载请注明出处!