1. 安装Surge：

   • 打开终端，运行以下命令安装Surge：

     brew install surge

2. 启动Surge：

   • 安装完成后，运行Surge：

     surge

   • 打开浏览器，访问 http://localhost:9292。

3. 添加项目：

   • 在Surge界面中，点击“+”按钮，输入项目名称和源目录路径（如 /path/to/my-project）。
   • 项目添加成功后,Surge会开始扫描文件。

4. 配置Surge规则：

   • 在项目根目录中创建或编辑 Surgefile.js 文件。
   • 根据需要配置文件映射，

     module.exports = {
       'from "/path/to/source": to "/cdn/path"',
       '/path/to/source/file.html: /cdn/path/file.html',
       '/path/to/**/*.js: /cdn/path/js'
     };

   • 保存文件后，返回Surge界面，点击“Save Rules”以应用配置。

5. 启动Surge服务：

   • 在终端运行以下命令，指定源目录和启用规则：

     surge src --source -r

     • src 是源目录路径。
     • --source 启用Surgefile.js规则。
     • -r 显示推送进度。

6. 验证和测试：

   • 使用 surge serve 启动本地服务器,检查CDN链接是否正确。
   • 测试访问项目页面,确认CDN资源是否加载。
   • 使用 surge push -p 自动推送更新。

7. 生成配速键：

   • 当需要测试CDN性能时，运行：

     surge generate

   • 复制并粘贴配速键到浏览器,测试加载速度。

通过以上步骤，您可以成功设置并配置Surge Mac的规则,实现静态文件的自动推送和管理。