Cloudflare

Cloudflare 是一家覆盖 DNS、CDN、代理与边缘计算的厂商,站点挂上去之后请求先经过它的网络再回源。结论先说清楚:静态站和量大但预算紧的站比 Vercel 划算得多,Workers 让一段 JS 直接跑在边缘节点、不用自己养服务器;代价是它家的产品面太宽、后台概念多,新手光把 DNS、代理、缓存三件事弄明白就要花半天。 Cloudflare 官网入口与怎么用 Cloudflare 官网不用在搜索结果里挑,认官方域名 cloudflare.com 进就行,别点广告位里带推广标的链接。Cloudflare 怎么用:注册后把域名的 DNS 服务器改成它家给的,打开橙色云朵开关就让流量走代理,静态站可以直接开 Pages 或 Workers 托管,绑定自己域名后就能用。Cloudflare 国内怎么用:控制台与已接入的站点在多数地区可访问,具体可用性以它家当前服务状态页为准,做国内业务通常另配国内 CDN 兜底。搜「Cloudflare 使用教程」的,先看官方那一段改 DNS 的示例,比啃长文快。搜「Cloudflare 中文版」多半只是想要一个能直连的入口,上面那句就是实际路径。Cloudflare 免费吗:免费档就含代理型 CDN 与 DNS,Pages 与 Workers 也有各自的免费额度,个人站常年够用。搜「Cloudflare 价格」一般是到比价那步了:超出免费额度后按流量与请求数阶梯计价,单位单价明显低于同类,大流量站谈 Enterprise 才有折扣。第一次用建议只开一个二级域名试代理,别一上来就把公司主域的 DNS 整个搬过去。 什么时候不该拿 Cloudflare 当主站托管 先划一条线:Cloudflare 是网络层,Vercel 那类平台是构建层。如果你的诉求只是「把已经做好的静态站更快、更省地发出去」,那 DNS + 代理 + 缓存规则这三件事做完就够了,别去碰 Workers。真正应当直接放弃用 Pages/Workers 托管主站的情形有三种:一是团队里没有能读懂缓存命中率、边缘配置和回源日志的人,规则配错只会让站点变慢还查不出原因;二是站点依赖构建期产物(Next.js 的 RSC、需要长时间编译的 SSR),Workers 的冷启动与运行时限制会让你反复改架构;三是需要稳定的出口 IP 做白名单、或者要按国内合规要求固定机房,边缘节点天然做不到这几条。反过来,只剩一个静态目录、或者图片视频量很大、或者想要在回源前就拦掉一部分垃圾流量的,用它性价比最高。 Cloudflare 的三块能力怎么拆开看 别把它当一个东西买,它其实是三块分开的:第一块是 DNS 与代理,把域名 NS 指过来、橙色云朵打开,流量就走它的网络,这一步决定了你站点的 IP 隐不隐藏;第二块是 CDN 缓存规则,静态资源按路径配缓存时长、按地区选回源,躯干在这里,配错缓存等于白加速;第三块是 Workers,一段 JS 直接跑在边缘节点上,可以在回源前改请求头、做鉴权或 A/B 分流,不用自己养服务器。三块的计费口径也各自独立,最常踩的坑是把「开了代理」当成「已经加速」——真正起作用的是缓存命中率,命中率上不去,边缘节点再多也要回源。 ...

2026年10月8日 · 皮皮的AI工具箱

Netlify

Netlify 是静态站和 serverless 函数的托管平台,接上 Git 仓库后每次提交自动构建发布,每个 Pull Request 还会单独出一个预览地址给团队评审。结论先说:个人项目、文档站、活动页用它免费档够用;团队项目要看积分而不是看套餐价,因为 2026 年 4 月改版之后它改成了积分制、不再按席位收钱,实际账单由积分消耗决定。它和 Vercel 是同一类东西,差别主要在计费口径和对 Next.js 的贴合程度。 Netlify 官网入口与怎么用 Netlify 官网认 netlify.com 进,搜索结果里带推广标的链接别点。Netlify 怎么用:把 GitHub、GitLab 或 Bitbucket 仓库连进来,选好构建命令和输出目录,之后 push 就出预览地址,合进主分支发正式环境;本地也可以用 Netlify CLI 跑 netlify deploy --prod。Netlify 国内怎么用:控制台与已部署站点在中国大陆通常能打开,稳定性不如国内 CDN,绑定自己的自定义域名会明显好一些;控制台与命令行本身不受影响。搜「Netlify 使用教程」的,先看官方文档里「Connect a Git repo」那一段,比啃长文快。搜「Netlify 中文版」多半只是想要一个能直连的入口,上面那句就是实际路径。Netlify 免费吗:Free 档永久免费,每月 300 积分,做无限个部署预览,自带自定义域名与 SSL、全局 CDN、表单处理和基础防火墙与限流,适合个人项目。搜「Netlify 价格」一般是到算钱那一步了:2026 年 4 月改版后不再按席位收费,Personal 每月 9 美元给 1000 积分,Pro 每月 20 美元给 3000 积分且团队席位不限,Enterprise 按报价谈。真正要算的是积分单价:一次生产部署扣 15 积分、带宽每 GB 20 积分、函数与数据库计算每 GB-小时 10 积分、每一万次请求扣 2 积分、AI 推理按底层模型成本折算(大约 180 积分抵 1 美元模型花费)。所以一个每天部署几十次、图片又多的站,账单可能接近套餐价的两倍,上线前务必去看用量页的积分消耗分布。第一次用建议先拿一个本地跑得起来的小项目试,别一上来就把生产环境的密钥全塞进环境变量。 ...

2026年10月8日 · 皮皮的AI工具箱

Supabase

Supabase 是开源 Firebase 的替代品,核心是给你一个真正的 PostgreSQL 数据库,再自动在这份库上面长出 REST API、登录注册、文件存储和实时订阅。结论先说:做 Web 应用想少写后端,Supabase 是目前性价比最高的选择之一,免费档就能把 MVP 跑起来;但如果你需要的是 NoSQL、超大读量或者完全不碰 SQL 的团队,它就不合适。 Supabase 官网入口与怎么用 Supabase 官网认 supabase.com 进,别从搜索引擎里带推广标的跳转链点进去。Supabase 怎么用:注册后新建一个项目,选离你用户近的区域,等项目初始化完,控制台左侧会直接给出数据库表、认证、存储、边缘函数几个入口。真正省事的地方在客户端库:装 @supabase/supabase-js 之后,建一张表就自动有了对应的 REST 端点,前端直接用 anon key 读写,再用 Row Level Security(行级安全,RLS)决定谁只能看到自己那几行。这么一套下来,登录、退出、改头像、上传头像这几个功能不用自己搭服务端。搜「Supabase 使用教程」的,官方 quickstart 那段「create a table + subscribe」比任何长文都短。搜「Supabase 中文版」多半只是想要一个能直连的入口,上面这条就是实际路径。Supabase 免费吗:免费档给 2 个激活项目、每项目 500MB 数据库、1GB 文件存储、5GB 出站流量、5 万月活跃用户,API 请求不限次数;代价是免费项目连续 7 天没有任何活动会被自动暂停,而且一次最多 2 个激活项目。搜「Supabase 价格」通常是到比价那一步:Pro 是每月 25 美元,含 8GB 磁盘、10 万月活跃用户、100GB 文件存储、每日备份保留 7 天和邮件支持;再往上 Team 每月 599 美元,主要是 SOC2 与 ISO 27001 合规、SSO、备份保留 14 天;企业版按报价谈。注意 Pro 是「套餐 + 用量」的混合计价,超出部分按磁盘每 GB 0.125 美元、文件存储每 GB 0.0213 美元、出站流量每 GB 0.09 美元另算,所以账单要看用量页,不要只看套餐价。第一次上手建议先拿一个本地能跑的小项目试,把 anon key 放客户端、service_role key 只留在服务端这条线划清楚——service_role 会绕过行级安全,塞进浏览器等于把整张表公开。 ...

2026年10月8日 · 皮皮的AI工具箱

Vercel

Vercel 是前端项目的托管平台,接上 Git 仓库后每次提交自动构建发布,是 Next.js 官方背后的同一家公司做的。结论先说清楚:个人博客、活动页、Next.js 项目用它的免费档基本够,国内访问速度一般,做国内为主的产品建议同时挂国内 CDN;要跑传统后端或长连接服务就不该选它,Vercel 的函数有执行时长限制,适合短请求。 Vercel 官网入口与怎么用 Vercel 官网不用在搜索结果里挑,认官方域名 vercel.com 进就行,别点广告位里带推广标的链接。Vercel 怎么用:把 GitHub、GitLab 或 Bitbucket 仓库导进来,选好框架,之后每次 push 自动出预览地址,合进主分支就发正式环境;想手动推也可以装 CLI 跑 vercel 命令。Vercel 国内怎么用:中国大陆通常能打开控制台和已部署站点,速度不如国内 CDN 稳定,绑定自己的自定义域名会好一些,控制台与命令行本身不受影响。搜「Vercel 使用教程」的,先看官方那一段「Import a repo」的示例,比啃长文快。搜「Vercel 中文版」多半只是想要一个能直连的入口,上面那句就是实际路径。Vercel 免费吗:Hobby 免费档给 100GB 月流量、100GB-小时 Serverless 执行和 100 小时构建时长,个人非商业用途足够跑一轮。搜「Vercel 价格」一般是到比价那步了:Pro 每用户每月 20 美元给 1TB 带宽和 1000GB-小时执行,超出后带宽按每 GB 0.15 美元、函数执行按每 GB-小时 0.18 美元、边缘请求每百万 2 美元另计,所以流量大的站一定要先算超额单价再上。第一次用建议先拿一个本地跑起来的小项目试,别一上来就把生产库的连接串塞进环境变量。 Vercel 适合谁、不适合谁 适合的是这几类:Next.js、React、Astro、Svelte 这类前端项目,想要 push 即发布的个人博客与作品集,需要每个 PR 一个预览链接的团队协作,以及短期活动页。不太适合的是要常驻的后端服务、WebSocket 这类长连接、分钟级以上的耗时任务,以及要把服务器底层完全掌控在手的团队——Vercel 是全托管,自定义程度有限,而且 Hobby 档明确只允许个人非商业用途,哪怕独立开发者的小产品算盈利,商用也该直接上 Pro,否则等于违反条款。另一个容易踩的点:Vercel 按实际流量计费,包括爬虫和 DDoS 的流量,被刷一天的账单可能比一个月的订阅还高,出前先开好 WAF 和用量告警。 ...

2026年10月8日 · 皮皮的AI工具箱