1.安装Surge客户端

确保你已经安装了Node.js和npm/yarn,安装Surge客户端可以通过以下命令： 使用npm安装： npm install surge 使用Yarn安装： yarn add surge 初始化Surge项目 运行以下命令，初始化一个新的Surge项目，会在当前目录生成surge.yaml配置文件： surge init 配置surge.yaml文件 编辑surge.yaml，根据需要配置项目信息,示例配置如下： project: myproject framework: nextjs # 或者其他支持的框架，如 vue, angular, etc. dist: ./dist project：项目名称,用于在Surge上显示。 framework：选择你使用的前端框架,Surge支持多种框架自动处理。 dist：打包后的文件目录路径。 准备项目文件 根据你选择的框架准备相应的文件结构，使用Next.js： mkdir -p public/ 使用Surge命令行工具 运行以下命令,Surge客户端会引导你完成上传过程： surge 输入y确认使用默认配置文件surge.yaml。 输入路径，通常情况下回车或输入,代表当前目录。 输入y确认开始上传。 打包和上传 如果你使用了需要构建的框架（如Next.js）,在上传前可能需要先构建： 使用Next.js构建： npm run build 然后运行Surge命令： npx surge Surge会自动处理构建并上传。 访问网站 完成上传后，Surge会输出一个链接,点击即可访问你的网站。 进一步配置（可选） 修改权限设置 如果需要保留文件,不想被Surge自动删除： remains: true 自定义构建命令 在surge.yaml中添加构建步骤： build: - npm run build 更新项目 修改代码后,重新上传： npx surge --update 允许自定义域名（可选） 如果需要使用自己的域名，配置surge.yaml： host: yourdomain.com 然后运行： npx surge --domain yourdo...

npm install surge

yarn add surge

surge init

project: myproject
framework: nextjs  # 或者其他支持的框架，如 vue, angular, etc.
dist: ./dist

mkdir -p public/

surge

npm run build

npx surge

remains: true

build:
  - npm run build

npx surge --update

host: yourdomain.com

npx surge --domain yourdomain.com