博客 / 教程
教程 · 阅读约 3 分钟 · 28 次阅读 · 发布于 2026-09-27 · FORMA 团队
导出之后:四种上线方式实测对比
同一个 ZIP,分别部署到 GitHub Pages、Cloudflare Pages、Netlify 和自有 Nginx,过程与差异一次讲清。
FORMA 导出的 ZIP 解压后是一组无外部依赖的静态文件,理论上哪里都能放。这篇把四种最常见的方式按真实操作顺序走一遍,最后给选择建议。
方式一:GitHub Pages
在 GitHub 新建一个公开仓库,把解压后的文件传上去(网页上传或 git push 均可)。进入 Settings → Pages,Source 选对应分支的根目录,约一分钟后就能通过 用户名.github.io/仓库名 访问。
- 优点:免费、和代码同一套版本管理、历史可追溯
- 缺点:国内访问不稳定;私有仓库的 Pages 要付费;没有边缘缓存与访问统计
- 适合:开源项目的文档站、个人作品集、不面向国内访问者的站
方式二:Cloudflare Pages
两种方式:连接 Git 仓库自动构建,或直接在控制台用 Direct Upload 把 ZIP 拖上去。自动签发 HTTPS 证书,全球 CDN 默认开启。自定义域名在 Pages 设置里添加后,按提示把域名 CNAME 到 项目名.pages.dev 即可。
- 优点:免费额度对个人站足够、全球节点快、HTTPS 零配置
- 缺点:国内访问速度取决于运营商,不如境内 CDN 稳定
- 适合:主要面向海外访问者的产品站与落地页
方式三:Netlify
最快的方式:打开 app.netlify.com/drop,把解压后的文件夹直接拖进浏览器,十几秒就上线,分配一个 随机名.netlify.app 域名。站点设置里可以改域名、加自定义域名、强制 HTTPS。
- 优点:零学习成本,适合给客户发 demo 链接
- 缺点:免费档有流量与函数调用限制;自定义域名需要验证 DNS
- 适合:快速验证、临时演示、活动页
方式四:自有服务器的 Nginx
把文件解压到 /var/www/mysite,写一个最小的 server 块:
server {
listen 80;
server_name example.com;
root /var/www/mysite;
index index.html;
gzip on;
gzip_types text/css application/javascript text/html;
location / { try_files $uri $uri/ /index.html; }
}nginx -t 通过后 reload,再用 certbot --nginx -d example.com 一键签发并配置 HTTPS。完整控制权在你手里:缓存头、压缩、跳转规则都能调,代价是自己维护服务器。
怎么选
- 访问者主要在国内:云厂商静态网站托管(OSS/COS + CDN),或自有服务器配境内 CDN
- 访问者主要在海外:Cloudflare Pages,预算为零且省心
- 想要 Git 工作流与回滚:GitHub Pages 或 Cloudflare Pages 连仓库
- 已经有服务器:Nginx 直挂,别忘了 HTTPS 和 gzip
上线后别忘了
- 强制 HTTPS 跳转,并把 www 与非 www 域名归一到一个
- 放一个像样的 404 页(FORMA 导出的站自带)
- 把 sitemap 提交到百度搜索资源平台和 Google Search Console
- 在微信和社交软件里分享一次链接,检查标题、描述与分享图是否正常
评论 · 0 条
还没有评论,来抢沙发。
评论经人工审核后公开;请勿提交密码、密钥等敏感信息。