安装Surge
安装Surge CLI：
npm install -g surge
或者使用Yarn：
yarn global add surge
初始化项目
在项目目录中运行以下命令：
surge init
这将创建一个 surge.json 文件,填写项目信息。
配置项目
编辑 surge.json,添加必要配置：
{
"project": "your-project-name",
"framework": "your-framework",
"domain": "your-domain.com",
"static": "public/",
"surge": "surge"
}
创建 public 文件夹,添加静态资源：
index.html：主页面。style.css或style.css.gz：样式文件。app.js或app.js.gz：JavaScript文件。- 其他图片、字体文件等。
绑定域名
登录Surge控制台（https://surge.sh），导航至“绑定”页面：
- 输入域名。
- 选择源域名（通常选择
your-domain.com）。 - 提交绑定。
在DNS管理界面,解析域名的A记录到Surge提供的IP地址。
部署网站
运行以下命令：
surge deploy
或者使用npm：
npm run surge
Surge会读取 surge.json，构建并上传到服务器,生成访问链接。
更新网站
修改 public 文件,然后重新部署：
surge deploy -p
高级功能
- 多页面应用：在
public文件夹下创建子文件夹，配置surge.json。 - 配置管理：使用
config.json配置框架选项。 - 自动化部署：设置
package.json脚本,自动化流程。
文档与支持
查看Surge的文档,社区支持和问题反馈。
示例
创建一个简单的HTML页面：
<!DOCTYPE html>
<html>
<head>My Website</title>
<style>
/* styles */
</style>
</head>
<body>
<h1>Hello, Surge!</h1>
</body>
</html>
将其放入 public 文件夹，运行 surge deploy，访问 your-domain.com。
通过以上步骤,您可以轻松使用Surge创建和部署静态网站。
