第 2 節

部署方案

0瀏覽次數0訪問次數--跳出率--平均停留

靜態網站託管服務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服務器覆蓋中國大陸、港澳臺及海外主要節點

內容分發網絡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那樣完善。

搭配方案

免費方案

  1. 純免費方案一【Cloudflare Pages + 騰訊雲EO CDN（加速全球，但不加速中國大陸）】：****（普通人用這個方案完全夠用了，強烈推薦）

在中國大陸🇨🇳平均在150ms，在中國香港🇭🇰平均2ms。

這是因爲Cloudflare在全球（除中國大陸🇨🇳）都有高速服務器，騰訊雲CDN在中國香港🇭🇰也有高速CDN，所以中國大陸訪問比較快，完全夠用，主要是純免費。

  1. 純免費方案二【Cloudflare Pages + 阿里雲 ESA CDN（加速全球，但不加速中國大陸）】：

在中國大陸🇨🇳平均在240ms，在中國香港🇭🇰平均2ms。

這是因爲Cloudflare在全球（除中國大陸🇨🇳）都有高速服務器，阿里雲CDN在中國香港🇭🇰也有高速CDN，但是目前貌似沒有騰訊的優質,所以比騰訊的要差很多.

  1. 純免費方案三【騰訊雲EO Pages + 騰訊雲EO CDN（加速全球，但不加速中國大陸）】：

在中國大陸🇨🇳平均在230ms，在中國香港🇭🇰平均2ms。

不如方案一的原因是，騰訊雲只在主要國家有服務器，而Cloudflare在全球（除中國大陸🇨🇳）都有高速服務器，所以不如Cloudflare的速度快。

  1. 純免費方案四【Cloudflare Pages + Cloudflare CDN（加速全球）】：

在中國大陸🇨🇳平均在180ms，但有些省（比如江蘇省）訪問異常，在中國香港🇭🇰、中國臺灣🇨🇳平均0～2ms。

這是因爲Cloudflare的CDN在中國大陸🇨🇳會抽風，所以纔不太行。

  1. 純免費方案五【Github Pages】：

在中國大陸🇨🇳平均在100ms，在中國香港🇭🇰平均51ms。

看似延遲不低，而且沒有像Cloudflare那樣被半封禁，實際上帶寬低的要命，加載一個圖片卡的要死。最不推薦的方案。（連中國香港🇭🇰這種什麼方案都2ms的都變成50+ms了，可想而知多麼垃圾）

付費方案

  1. 付費方案一【騰訊雲EO Pages + 騰訊雲EO CDN（加速全球，含中國大陸）】：

在中國大陸🇨🇳平均在16ms，在中國香港🇭🇰平均2ms。

付費就付費在域名和備案上，成本也沒那麼高，Pages和CDN都是免費的。

  1. 付費方案二【阿里雲ESA Pages + 阿里雲ESA CDN（加速全球，含中國大陸）】：

在中國大陸🇨🇳平均在12ms，在中國香港🇭🇰平均2ms,中國臺灣🇨🇳平均4ms.

付費就付費在域名和備案上，成本也沒那麼高，Pages和CDN暫時都是免費的。

  1. 付費方案三【Cloudflare Pages + 騰訊雲EO CDN（加速全球，含中國大陸）】：

在中國大陸🇨🇳平均在10ms，在中國香港🇭🇰平均2ms，中國臺灣🇨🇳平均20ms。

因爲Cloudflare服務器在中國香港🇭🇰，中國臺灣🇨🇳，日本🇯🇵等地區，但是騰訊雲CDN使用的是中國大陸🇨🇳CDN，這樣騰訊高速CDN先從Cloudflare的高速服務器獲取內容，再把內容分發給中國大陸用戶，還是非常快的。

  1. 付費方案四【Cloudflare Pages + 阿里雲ESA CDN（加速全球，含中國大陸）】：

在中國大陸🇨🇳平均在10ms，在中國香港🇭🇰平均2ms，中國臺灣🇨🇳平均4ms。

因爲Cloudflare服務器在中國香港🇭🇰，中國臺灣🇨🇳，日本🇯🇵等地區，但是騰訊雲CDN使用的是中國大陸🇨🇳CDN，這樣騰訊高速CDN先從Cloudflare的高速服務器獲取內容，再把內容分發給中國大陸用戶，還是非常快的。

方案展示

  1. 騰訊EO Pages + 騰訊EO CDN

  1. 阿里雲ESA Pages + 阿里雲ESA CDN

  1. Cloudflare Pages + 騰訊EO CDN

  1. 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
音乐页