关注我们: 微信公众号

微信公众号

电脑用户请使用手机扫描二维码

手机用户请微信打开后长按二维码 -> 识别二维码

微博

安装Surge并将项目部署到其平台,步骤如下

原子VPN网络加速工具多端适配 2026-10-07 02:25:24 5 0

安装Surge

确保你已安装Node.js和npm,在终端运行以下命令安装Surge:

npm install -g surge

创建新项目

进入项目目录,运行:

surge new myproject

这将在当前目录下创建myproject文件夹,并初始化Surge项目结构。

安装项目依赖

进入myproject文件夹,安装所需依赖:

cd myproject && npm install

构建和部署项目

在项目根目录运行:

npm run build && surge push

配置自定义域名(可选)

编辑surge.json,添加域名配置:

{
  "project": "myproject",
  "version": "1..",
  "surge": {
    "domain": "yourdomain.com",
    "static": "static",
    "prefix": ""
  }
}

在Surge上注册并购买域名,配置DNS解析记录,指向Surge服务器IP。

集成GitHub Actions(可选)

在GitHub仓库创建surge分支,并添加surge.yml,配置自动化部署:

name: surge deploy
on:
  push:
    branches: [ "surge" ]
jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - name: surge deploy
        uses: surge-surge/deploy-surge@v1
        with:
          surge: surjective
          config: surge.json

测试访问

通过Surge生成的链接访问网站,检查功能和资源加载情况。

注意事项

  • 免费版限制:免费版每月限制项目和访问时间,适合个人项目。
  • 问题解决:查阅Surge文档或社区求助,确保npm版本更新,及时检查错误日志。

通过以上步骤,你可以顺利使用Surge创建并部署静态网站,享受快速和便捷的开发体验。

安装Surge并将项目部署到其平台,步骤如下

如果没有特点说明,本站所有内容均由原子加速器官方网站|提供客户端版本、线路管理与节点选择功能,适配Windows、Android、iOS等设备,便于用户进行网络连接优化原创,转载请注明出处!