-
安装Surge CLI
使用npm或Yarn安装Surge命令行工具:npm install -g surge
或者
yarn global add surge
-
登录Surge账号
访问Surge网站,登录或注册账号,然后在终端中执行:surge login
-
创建项目目录
创建一个包含surge.json文件的项目目录。mkdir my-project cd my-project
-
配置
surge.json文件
根据需求填写配置:{ "app": "dist", // 构建输出目录 "domain": "your-domain.surge.sh", // 域名 "branch": "main" // 部署分支 } -
初始化Git仓库
在项目根目录中:git init git add . git commit -m "初始化"
-
构建项目
根据项目需求构建代码,假设使用React:npm run build
或者使用Yarn:
yarn build
构建输出到
dist目录。 -
推送到Surge
登录后推送构建文件:surge dist/
-
查看部署结果
打开浏览器访问your-domain.surge.sh,确认应用是否正常运行。
注意事项:
- 确保
surge.json配置正确,尤其是域名和分支。 - 检查DNS记录,确保域名指向Surge服务器的IP。
- 部署后可以使用
surge push重新推送更新。
通过以上步骤,您可以成功设置并部署应用到Surge服务器。




