Wiki
部署方案
An English translation is not available yet. The latest Simplified Chinese source is shown without triggering paid translation.
1.静态网站托管服务Pages介绍
Pages一般常用的有Github Pages，Cloudflare Pages和腾讯云Edge One Pages.
一般来说，Github pages是带宽又低，在国内访问又很波动，所以一般不用Github pages.
Cloudflare Pages在全球（除中国大陆🇨🇳）都有高速服务器，所以在全球（除中国大陆🇨🇳）访问都是非常快的，基本延迟都在1～5ms内，缺点就是在中国大陆🇨🇳比较波动。
腾讯云Edge One Pages的服务器主要是在中国（大陆🇨🇳、港澳台🇭🇰🇲🇴🇨🇳）和国外一些主要的国家，但是缺点是可能需要你在国内进行域名备案，但是国内域名备案需要购买服务器等东西，所以成本很高。（腾讯云Pages自带CDN，所以不用再套一层CDN了）
据说，阿里云（阿里云ESA Pages）也在加班加点的去抄袭Cloudflare和腾讯云EO，从而去阻击腾讯云EdgeOne Pages。不知道何时才会出，希望能够也有免费额度吧。
| 平台 | 主要特点 | 费用 | 优势 | 缺点 |
|---|---|---|---|---|
| GitHub Pages | 托管静态网站 | 免费 | 与 GitHub 仓库集成紧密，自动构建方便 | 带宽较低，在中国大陆访问极不稳定 |
| Cloudflare Pages | 全球高性能服务器（不含中国大陆） | 免费 | 全球访问速度极快，延迟通常仅 1～5 ms；支持自定义域名与CI/CD集成 | 中国大陆访问速度不稳定 |
| 腾讯云 EdgeOne Pages | 服务器覆盖中国大陆、港澳台及海外主要节点 | 有免费额度 | 对国内访问速度优秀；支持 EO CDN 一体化加速；免费额度较大 | 若面向大陆用户需备案，备案流程复杂且可能需购买国内服务器 |
| 阿里云ESA Pages | 服务器覆盖中国大陆、港澳台及海外主要节点 |
2.内容分发网络CDN介绍
CDN（Content Delivery Network）通过在全球布置缓存节点，让用户从距离最近的服务器加载内容，从而大幅提升访问速度并降低源站压力。
常用的CDN有Cloudflare CDN，腾讯云EO CDN，阿里云CDN等等。
Cloudflare CDN在全球（除中国大陆🇨🇳）都有高速服务器，所以在全球（除中国大陆🇨🇳）访问都是比较快的，缺点就是在中国大陆比较波动。
腾讯云Edge One CDN的服务器主要是在中国（大陆🇨🇳、港澳台🇭🇰🇲🇴🇨🇳）和国外一些主要的国家，如果要面向中国大陆🇨🇳用户加速，则需要备案，成本很高。但是可以选择不向中国大陆🇨🇳用户加速，这样，由于腾讯云在中国香港🇭🇰的CDN很优质，所以在国内访问其实速度也不差的。而且最重要的是，目前有免费的配额，对于普通用户来讲完全够用了。
阿里云ESA CDN，和腾讯云EO定位差不多，但是这是一个为了阻击腾讯云EO而加班加点模仿出来的产品，只能说《暂时》远远不如Cloudflare和腾讯云EO好用。
| 平台 | 节点分布 | 费用 | 优势 | 缺点 |
|---|---|---|---|---|
| Cloudflare CDN | 免费的全球高速节点（除中国大陆） | 免费 | 性能优秀、配置简便、全球覆盖广 | 中国大陆访问速度波动较大 |
| 腾讯云 EdgeOne CDN | 中国大陆、港澳台及海外主要节点 | 有免费额度 | 国内外访问速度平衡；香港节点质量高；提供免费配额 | 若启用大陆加速需备案，成本较高 |
| 阿里云 ESA | 中国大陆、港澳台及海外主要节点 | 有免费额度 | 国内外访问速度平衡；香港节点质量高；提供免费配额 | 若启用大陆加速需备案，成本较高。且暂时产品并不像腾讯云EO那样完善。 |
3.搭配方案
3.1.免费方案
- 纯免费方案一【Cloudflare Pages + 腾讯云EO CDN（加速全球，但不加速中国大陆）】：****（普通人用这个方案完全够用了，强烈推荐）
在中国大陆🇨🇳平均在150ms，在中国香港🇭🇰平均2ms。
这是因为Cloudflare在全球（除中国大陆🇨🇳）都有高速服务器，腾讯云CDN在中国香港🇭🇰也有高速CDN，所以中国大陆访问比较快，完全够用，主要是纯免费。
- 纯免费方案二【Cloudflare Pages + 阿里云 ESA CDN（加速全球，但不加速中国大陆）】：
在中国大陆🇨🇳平均在240ms，在中国香港🇭🇰平均2ms。
这是因为Cloudflare在全球（除中国大陆🇨🇳）都有高速服务器，阿里云CDN在中国香港🇭🇰也有高速CDN，但是目前貌似没有腾讯的优质,所以比腾讯的要差很多.
- 纯免费方案三【腾讯云EO Pages + 腾讯云EO CDN（加速全球，但不加速中国大陆）】：
在中国大陆🇨🇳平均在230ms，在中国香港🇭🇰平均2ms。
不如方案一的原因是，腾讯云只在主要国家有服务器，而Cloudflare在全球（除中国大陆🇨🇳）都有高速服务器，所以不如Cloudflare的速度快。
- 纯免费方案四【Cloudflare Pages + Cloudflare CDN（加速全球）】：
在中国大陆🇨🇳平均在180ms，但有些省（比如江苏省）访问异常，在中国香港🇭🇰、中国台湾🇨🇳平均0～2ms。
这是因为Cloudflare的CDN在中国大陆🇨🇳会抽风，所以才不太行。
- 纯免费方案五【Github Pages】：
在中国大陆🇨🇳平均在100ms，在中国香港🇭🇰平均51ms。
看似延迟不低，而且没有像Cloudflare那样被半封禁，实际上带宽低的要命，加载一个图片卡的要死。最不推荐的方案。（连中国香港🇭🇰这种什么方案都2ms的都变成50+ms了，可想而知多么垃圾）
3.2.付费方案
- 付费方案一【腾讯云EO Pages + 腾讯云EO CDN（加速全球，含中国大陆）】：
在中国大陆🇨🇳平均在16ms，在中国香港🇭🇰平均2ms。
付费就付费在域名和备案上，成本也没那么高，Pages和CDN都是免费的。
- 付费方案二【阿里云ESA Pages + 阿里云ESA CDN（加速全球，含中国大陆）】：
在中国大陆🇨🇳平均在12ms，在中国香港🇭🇰平均2ms,中国台湾🇨🇳平均4ms.
付费就付费在域名和备案上，成本也没那么高，Pages和CDN暂时都是免费的。
- 付费方案三【Cloudflare Pages + 腾讯云EO CDN（加速全球，含中国大陆）】：
在中国大陆🇨🇳平均在10ms，在中国香港🇭🇰平均2ms，中国台湾🇨🇳平均20ms。
因为Cloudflare服务器在中国香港🇭🇰，中国台湾🇨🇳，日本🇯🇵等地区，但是腾讯云CDN使用的是中国大陆🇨🇳CDN，这样腾讯高速CDN先从Cloudflare的高速服务器获取内容，再把内容分发给中国大陆用户，还是非常快的。
- 付费方案四【Cloudflare Pages + 阿里云ESA CDN（加速全球，含中国大陆）】：
在中国大陆🇨🇳平均在10ms，在中国香港🇭🇰平均2ms，中国台湾🇨🇳平均4ms。
因为Cloudflare服务器在中国香港🇭🇰，中国台湾🇨🇳，日本🇯🇵等地区，但是腾讯云CDN使用的是中国大陆🇨🇳CDN，这样腾讯高速CDN先从Cloudflare的高速服务器获取内容，再把内容分发给中国大陆用户，还是非常快的。
3.3.方案展示
- 腾讯EO Pages + 腾讯EO CDN
- 阿里云ESA Pages + 阿里云ESA CDN
- Cloudflare Pages + 腾讯EO CDN
- Cloudflare Pages + 阿里云ESA CDN
强制浏览器刷新缓存
# Chrome/Edge 强制刷新组合键
Ctrl + Shift + R (Windows/Linux)
Cmd + Shift + R (Mac)
# Firefox 额外步骤
about:config → 搜索 "browser.cache.disk.enable" → 设为 false → 刷新npm run dev