要设置一个Surge节点以部署静态网站,按照以下步骤操作

  1. 安装Surge CLI

    • 使用npm安装:
      npm install -g surge
    • 或者使用Yarn:
      yarn global add surge
  2. 初始化Surge项目

    • 在项目目录中运行:
      surge init
    • 这将创建一个surge.json文件,需要配置项目信息。
  3. 绑定域名

    • 确保有一个域名(如example.com)。
    • 打开DNS管理界面,将域名的A记录指向Surge的IP地址(查看Surge的文档)。
    • 运行:
      surge bind example.com
    • 根据提示输入Surge的公钥和私钥,或者选择现有项目绑定。
  4. 推送代码

    • 将项目推送到存储服务(如GitHub、GitLab或Bitbucket)。
    • 推送到特定分支:
      git push origin main:master
    • 使用Surge CLI部署:
      surge deploy -p main:master -b surge-pages
      • -p指定分支。
      • -b指定构建目录,默认为surge-pages
  5. 配置路由规则

    • 编辑surge.json,添加路由规则。
    • 示例:
      {
        "routes": [{
          "source": "**/*.html",
          "locale": "{{root}}/{{filename}}",
          "fallback": "/404.html"
        }]
      }
  6. 设置域名解析

    • 完成绑定后,确保DNS解析正确。
    • 具体步骤根据DNS提供商指导完成。
  7. 测试访问

    • 访问域名example.com,检查网站是否正常加载。
    • 检查错误页面和路由规则是否生效。

注意事项

  • 域名解析可能需要24小时内生效。
  • 确保在非主流时段推送代码,避免连接问题。
  • 密钥管理时保留备份,避免丢失访问权限。

完成以上步骤后,Surge节点将成功设置,静态网站将通过域名访问。

要设置一个Surge节点以部署静态网站,按照以下步骤操作

扫码添加小飞机VPN网络工具官方微信

扫码添加小飞机VPN网络工具官方微信

400-638-2751
扫码添加小飞机VPN网络工具官方微信

扫码添加小飞机VPN网络工具官方微信

网站地图