安装Surge CLI
安装Surge CLI工具：
npm install -g surge
部署静态网站
-
将您的静态网站文件（如HTML、CSS、JavaScript）组织到合适的目录结构下（例如
public）。 -
运行以下命令：
surge public
部署动态网站
-
使用如Express、Next.js等框架构建动态网站，并将构建后的静态文件（
public或dist目录）复制到一个新的public目录中。 -
运行以下命令：
surge public
配置自定义域名
-
创建或准备一个域名（如
example.com）。 -
在域名管理界面（如Cloudflare）中，设置CNAME记录,指向Surge的DNS地址。
- 类型：CNAME
- 名称：
- 目标：
your-site.surge.sh - TTL：自动获取
- Proxy：设置为Cloudflare的服务器
-
运行Surge部署命令：
surge --domain example.com public
使用Surge配置文件
创建或编辑surge.json文件,配置如下：
{
"domain": "example.com",
"prefix": "your-prefix",
"build": "make build",
"surge": true
}
然后运行：
surge
自动化测试与CI集成
将Surge集成到CI/CD流程中：
在构建完成后,运行Surge命令：
make deploy
在CI管道中添加步骤，
steps:
- name: Depoly to Surge
command: make deploy
命令行选项
--domain：指定要部署的域名。--prefix：自定义部署路径。--domain-token：使用Domain Token进行认证。--lungs：测试部署,显示构建结果。--inspect：查看部署日志。
解决常见问题
- 网络问题：确保网络连接正常,检查防火墙设置。
- DNS延迟：可能需要等待DNS解析完成。
- 构建问题：检查构建日志,查找错误信息。
通过以上步骤，您可以轻松使用Surge进行网站部署，无论是静态还是动态项目，遇到问题时,参考Surge的官方文档或社区获取帮助。
