• 环境准备
• 使用 Cloudflare DNS
• 安装 LiteSpeed Cache plugin
  • 取得 Domain Key
  • 开启套件端的 CDN 功能
• 设定 QUIC.cloud CDN
• 设定 Cloudflare DNS
  • 设定由 Cloudflare 提供静态内容 CDN 服务
  • 新增 QUIC.cloud CNAME 提供动态内容 CDN 服务
  • DNS 记录
• QUIC.cloud 验证 DNS
• 测试
  • 快取
  • HTTP/3
  • 效能

QUIC.cloud CDN 与 CloudFlare 新手教学

如果你也是 WordPress 的使用者，你一定不能错过 Quic cloud(QC) 这个高效能及整合全站动静态内容快取、DNS、CDN 的服务，且由於其高度整合性，可以让你轻松的用 QUIC.cloud 来服务你的网站，这篇主要来为大家介绍如何透过 QUIC.cloud CDN 内建的智能的快取服务提升网页速度, 并整合 Cloudflare CDN 来提供更优质的网速.
简易的资源请求概念:

动态资源请求 <----> QUIC.cloud <--如果快取 miss--> 原服务器
静态资源请求 <----> Cloudflare <--如果快取 miss--> 原服务器

我会推荐使用 QUIC.cloud 的几个理由:

• 智能动态资源快取(Dynamic caching)，让 wordpress 不会有错误的快取
• 每个月有固定免费额度的 CDN 服务
• 支援 HTTP/2, HTTP/3
• 支援 DDoS 和 暴力破解等防护
• 不限定网页服务器, 如果你刚好使用 LiteSpeed 则可以获得更高的免费流量

环境准备

• Demo 网域：www.wadetest.club, cdn.wadetest.club
• Demo IP：1.2.3.4
• CMS：WordPress
• Cloudflare account
• 将 QUIC.cloud 的 IP 设定至防火墙白名单 (无防火墙则可以跳过)

使用 Cloudflare DNS

欲使用 QUIC Cloud DNS，请参考 QUIC.cloud CDN 与 DNS 新手教学

我们将使用 Cloudflare 所提供的名称服务器来代管我们的网域 (已经使用者可直接跳过)

• Nameserver 1: kami.ns.cloudflare.com
• Nameserver 2: roan.ns.cloudflare.com

进入你的 DNS 管理介面中，将 Cloudflare 的名称服务器设定至你的名称服务器内

安装 LiteSpeed Cache plugin

欲使用 CDN, 图像优化, CCSS, LQIP 等 QUIC.cloud 云端服务. 我们须先透过 LiteSpeed Cache Plugin(LSCWP) 来取得一组 Domain Key.

进入 WordPress admin -> Plugins -> Add New -> keyword

• 搜寻：lscache
• 点选：Install 并启用

取得 Domain Key

进入 WordPress admin -> LiteSpeed Cache -> General -> Domain Key -> Request Domain Key

等待几秒钟後刷新(F5) 你的管理介面，你会得到一组 Domain Key，你可以透过点选 Link to QUIC.cloud 按钮来注册 QUIC.cloud 帐号并管理你的网站

开启套件端的 CDN 功能

进入 WordPress admin -> LiteSpeed Cache -> CDN

1. 设定 QUIC.cloud CDN -> ON

2. 设定 CloudFlare CDN 来服务静态文件, 以下设定意思为使用 cdn.wadetest.club 代替 www.wadetest.club (images, CSS, JS) 来服务.

   • Use CDN Mapping -> ON
   • CDN URL -> https://cdn.wadetest.club/
   • Original URLs -> //www.wadetest.club/

   

   

3. 按下 Save Changes 按钮储存设定

设定 QUIC.cloud CDN

1. 登入 my.quic.cloud
2. 点选你的网域
3. 於 CDN 页面点选 Enable CDN
   
4. 选择 I’m using Cloudflare and wish to continue doing that
   
5. 你会得到一组 CNAME 值: c965613.tier1.quicns.com，先记下来，待会我们会需他
   

设定 Cloudflare DNS

设定由 Cloudflare 提供静态内容 CDN 服务

• 进入 Cloudflare -> DNS -> DNS management for wadetest.club

  • Type -> A
  • NAME -> cdn
  • IPv4 address -> 服务器 IP
    

  Note: 请新增 sub domain 到你的 www.wadetest.club 虚拟主机

新增 QUIC.cloud CNAME 提供动态内容 CDN 服务

1. 根网域设定

根网域就像是 wadetest.club

• Type -> CNAME
• NAME -> wadetest.club
• Target -> c965613.tier1.quicns.com (QUIC.cloud 提供的 CNAME)
• Proxy status -> DNS only 要点击橘色的云，让它变成灰色的
  

2. www 网域设定

www 网域像是 www.wadetest.club (使用根网域者/root domain 可跳过)

• Type -> CNAME
• NAME -> www
• Target -> c965613.tier1.quicns.com (QUIC.cloud 提供的 CNAME)
• Proxy status -> DNS only 点击橘色的云，让它变成灰色的
  

DNS 记录

完成後可以检查一下你的 Cloudflare DNS 记录会像是下方图片

QUIC.cloud 验证 DNS

1. 回到 my.quic.cloud > CDN，点选 Verify DNS Now 进行最後验证工作
   
2. 你可以喝一杯咖啡再回来按一下 Refresh Status 检查 Verification Status，DNS 指向通常整个过程通常不会超过 15分钟
   
3. 验证成功画面
   

测试

快取

透过 https://check.lscache.io/ 测试你的网站是否已经完成 Quic cloud CDN 设定

HTTP/3

透过 https://http3check.net/ 测试你的网站是否支援 HTTP/3

效能

实际用设定好的网站在 uptrends 上测试网路效能, 速度确实很快.

近期目标

分享更多 QUIC.Cloud 使用者经验像是, QC 安全性,QC CDN 设定等等
如果你有任何问题, 欢迎在下方留言