Surge 静态网站发布工具｜命令行一条命令推上 CDN翻译站点

Surge 是给前端开发者用的静态网站发布服务。在项目目录里敲一条命令，HTML、CSS、JavaScript 就推上 CDN，得到一个可访问的地址。免费额度足够放个人主页、文档站与作品集。

一条命令上线

全局安装命令行工具后，在构建产物目录执行 surge，首次登录填邮箱与密码，它会自动分配一个以项目名开头的子域。再执行一次就是更新，旧版本被覆盖，不必配置服务器、证书与反向代理。命令行会记住上次的域名，团队协作时也能把发布权限交给成员。

自带的能力

• 自定义域名：按提示加一条 CNAME 记录即可绑定，不额外收费。
• HTTPS：默认子域自动签发证书，自定义域名同样支持。
• 单页应用：pushState 路由可直接使用，刷新子路径不会报 404。
• 自定义错误页：放一个 404.html 就能接管找不到页面时的展示。
• 跨域头：可为静态资源设置 CORS，前端直连接口时省事。

接进构建流程

可以作为开发依赖装进项目，用 npm 脚本部署；也有 Grunt、Gulp 插件与 Git Hook 的用法，提交后自动发布。Jekyll、Hugo 一类静态生成器先在本地编译，再把输出目录推上去即可。持续集成里加一步部署命令，合并到主分支就自动更新线上版本。

发布前先在本地跑一遍构建，确认路径与资源引用没有写错，再推上去。团队的预览环境可以用另一个子域，测试版与正式版分开，免得把半成品露给访客。命令行回执会列出本次上传的文件数与访问地址，粘贴进工单或群聊，交接时省去解释。项目改名或换域名都在交互提示里完成，不必登录网页后台。

适合谁用

前端做演示页、开源项目放文档、设计师传原型、教师给学生作业找落脚处，都合适。需要服务端渲染、数据库或长时间运行任务的项目，应另找托管平台，静态托管接不住这类需求。

使用须知与局限

免费版对项目数、带宽与自定义域名数量有额度限制，商用前先看当期价格页。项目内容公开可访问，密钥、内部资料与未脱敏数据不要写进静态文件。命令行发布是覆盖式的，本地要留好版本管理，误删时还能重新构建。国内访问速度受线路影响，面向国内用户的正式站点建议先实测再决定是否长期使用。