Surge 是一个轻量级的静态 Web 服务,允许开发者快速部署静态网站和应用程序,以下是安装和使用 Surge 的详细指南。
安装 Surge
安装 Surge CLI 工具,可以通过 npm 来安装:
npm install -g surge
如果你使用的是 Yarn,可以这样做:
yarn global add surge
安装完成后,Surge 会被添加到你的系统路径中。
初始化项目
确保你有一个项目目录,里面包含你要部署的文件,假设你的项目目录是 project。
cd project
如果你还没有 package.json 文件,可以初始化一个:
npm init -y
这会生成一个空的 package.json 文件。
安装依赖(如有需要)
如果你的项目依赖某些包,可以运行:
npm install
Surge 会自动下载这些依赖并将它们打包到你的项目中。
启动本地服务器
使用 Surge 启动一个本地服务器:
surge serve
这会自动打开你的浏览器,指向 http://localhost:800。
设置代理
如果你需要将本地服务器代理到外部域名,可以设置以下环境变量:
export SURGE_SECRET=your_surge_secret
然后重新启动服务器:
surge serve --env-file .env
或者编辑 config.js 文件:
module.exports = {
server: './server.js',
port: 800,
proxy: 'http://your_domain.com',
secret: 'your_surge_secret'
};
部署到 Surge
准备好后,运行以下命令将项目部署到 Surge:
surge push
Surge 会将你的项目内容发布到其服务器,并为你分配一个唯一的域名,你的应用可能会在 your-subdomain.surge.sh 或类似的地址。
访问你的应用
部署完成后,你可以通过浏览器访问你的应用,Surge 会提供一个临时域名,你可以在邮件中找到它。
后续操作
-
如果你进行了修改,可以重新部署:
surge push
-
或者,使用 Git 钩子自动部署:
git commit -m "message" && surge push
注意事项
- 服务器保持:确保你的服务器一直运行,否则你的应用可能会被断开。
- 配置文件:检查
config.js和package.json是否正确配置。 - 域名解析:如果你使用自己的域名,确保 DNS 配置正确。
希望这个指南能帮助你顺利安装和使用 Surge!如果有任何问题,欢迎在评论区留言。




