-
安装Surge CLI:
- 使用npm安装:
npm install -g surge
- 或者使用Yarn:
yarn global add surge
- 使用npm安装:
-
初始化Surge项目:
- 在项目目录中运行:
surge init
- 这将创建一个
surge.json文件,需要配置项目信息。
- 在项目目录中运行:
-
绑定域名:
- 确保有一个域名(如
example.com)。 - 打开DNS管理界面,将域名的A记录指向Surge的IP地址(查看Surge的文档)。
- 运行:
surge bind example.com
- 根据提示输入Surge的公钥和私钥,或者选择现有项目绑定。
- 确保有一个域名(如
-
推送代码:
- 将项目推送到存储服务(如GitHub、GitLab或Bitbucket)。
- 推送到特定分支:
git push origin main:master
- 使用Surge CLI部署:
surge deploy -p main:master -b surge-pages
-p指定分支。-b指定构建目录,默认为surge-pages。
-
配置路由规则:
- 编辑
surge.json,添加路由规则。 - 示例:
{ "routes": [{ "source": "**/*.html", "locale": "{{root}}/{{filename}}", "fallback": "/404.html" }] }
- 编辑
-
设置域名解析:
- 完成绑定后,确保DNS解析正确。
- 具体步骤根据DNS提供商指导完成。
-
测试访问:
- 访问域名
example.com,检查网站是否正常加载。 - 检查错误页面和路由规则是否生效。
- 访问域名
注意事项:
- 域名解析可能需要24小时内生效。
- 确保在非主流时段推送代码,避免连接问题。
- 密钥管理时保留备份,避免丢失访问权限。
完成以上步骤后,Surge节点将成功设置,静态网站将通过域名访问。









