-
安装Surge工具:
- 使用npm安装:
npm install -g surge
- 或使用yarn:
yarn global add surge
- 使用npm安装:
-
初始化Surge账户:
- 运行以下命令生成Surge密钥:
surge init
- 访问Surge官网(https://surge.sh/),使用注册页面,输入电子邮件和密码,并将生成的密钥绑定到账户。
- 运行以下命令生成Surge密钥:
-
准备项目文件:
- 将项目文件(如HTML、CSS、JavaScript、图片等)放置在项目根目录下的
public目录下。
- 将项目文件(如HTML、CSS、JavaScript、图片等)放置在项目根目录下的
-
部署项目到Surge:
- 运行以下命令将项目部署:
surge public
- 运行完成后,Surge会生成一个公共访问链接,通常形如
https://project.surge.sh。
- 运行以下命令将项目部署:
-
多次部署:
- 每次修改项目后,可以重复使用
surge public命令,Surge会生成新的链接,方便快速查看更新。
- 每次修改项目后,可以重复使用
-
使用Git部署(可选):
- 配置一个Git仓库作为Surge源,运行:
git clone https://your-repo.git cd your-repo surge init git remote add surge surge://your-surge-token@your-project.surge.sh git push surge main
- 每次修改文件后,运行
git push surge main,Surge会自动更新。
- 配置一个Git仓库作为Surge源,运行:
通过以上步骤,你可以轻松安装并使用Surge工具来部署静态网站或JAMstack项目,确保快速高效地上线和测试。









