配置Surge服务器是一个简单但有用的过程，以下是详细的步骤指南

疯服务器配置步骤指南

1. 安装Surge

   确保你已安装Node.js和npm，打开终端，输入以下命令安装Surge：

   npm install -g surge

2. 初始化Surge项目

   在项目根目录下运行以下命令,初始化Surge项目并生成surge.json配置文件：

   surge init

   这将创建一个surge.json文件，内部内容如下：

   {
     "version": "1..",
     "domains": [],
     "server": {
       "url": "http://127...1:800",
       "bind": "127...1",
       "port": 800,
       "lru_cache": 10,
       "forward_headers": true,
       "Strict": true,
       "proxy": "surge",
       "proxy_pass": "http://localhost:300"
     }
   }

   根据需要自定义域名、服务器配置等设置。

3. 配置域名和服务器信息

   打开surge.json文件，添加或修改domains数组中的域名，添加一个域名：

   {
     "version": "1..",
     "domains": ["example.com"],
     "server": {
       // ...
     }
   }

   如果你需要配置多个域名,可以在domains数组中添加多个。

4. 准备发布内容

   将所有需要部署的文件和目录（如HTML、CSS、JavaScript、图片等）放入dist或public目录下。

5. 运行Surge命令

   根据需要选择以下选项运行Surge：

   • 构建并部署：

     surge --build

   • 预览部署：

     surge --preview

   • 实时更新（可选）：

     surge --live

     使用--live选项时，Surge会在文件更改时自动重新部署。

6. 获取部署链接

   部署完成后,Surge会输出一个链接，如http://yourdomain.surge.sh，请保存此链接作为访问地址。

7. 配置域名解析

   将域名指向Surge服务器：

   • 登录你注册的DNS提供商（如Cloudflare、AWS Route53）。
   • 找到你的域名记录,添加一个CNAME记录：
     • 该记录的类型为CNAME。
     • 名称为或www（根据你的需求）。
     • TTL设置为自动。
     • 数据类型为CNAME,值为yourdomain.surge.sh。

8. 使用git与Surge结合

   如果你使用Git进行版本控制,可以将Surge视为一个远程仓库：

   git remote add surge surge https://yourdomain.surge.sh

   推送代码到特定分支：

   git push origin surge/main:main

   这会将代码推送到Surge服务器并自动构建和部署。

9. 处理多环境部署

   如果需要部署多个环境（如开发和生产），可以创建多个surge.json文件，或者在同一个文件中添加多个server配置。

   {
     "version": "1..",
     "domains": ["example.com"],
     "servers": [
       {
         "url": "http://127...1:800",
         "bind": "127...1",
         "port": 800,
         "lru_cache": 10,
         "forward_headers": true,
         "Strict": true
       },
       {
         "url": "http://127...1:808",
         "bind": "127...1",
         "port": 808,
         "lru_cache": 10,
         "forward_headers": true,
         "Strict": true
       }
     ]
   }

   然后分别运行对应的Surge命令来部署不同的环境。

10. 验证配置

    使用surge命令查看配置：

     surge config

    这将显示当前配置,确保所有设置正确无误。

注意事项

• 文件路径与目录结构：确保文件和目录路径正确，避免错误。

• 权限问题：检查文件和目录权限，确保Surge有足够的权限读取和写入文件。

• 构建工具：如果项目使用前端框架，确保已正确构建并生成静态文件。

• 域名解析延迟：可能需要等待DNS记录更新，才能访问到新部署的网站。

通过以上步骤,你可以轻松配置并部署Surge服务器，快速托管你的静态网站或应用。