Skip to content

[WordPress] 替個人網站啟用免費方案 Cloudflare

Last Updated on 2021-10-22 by Clay

在開始之前,首先得談談什麼是 Cloudflare。Cloudflare 是一個基於內容傳遞網路Content Delivery Network, CDN)的服務,而 CDN 是一種透過離使用者較近的伺服器曾儲存下的檔案,更快分享資源給使用者的技術。

比方說,當我們連接國外的網站時,我們經常會發現其網站載入速度很慢;然而,若是有距離我們較近的 CDN 節點(較近的伺服器曾暫存過該網站的資源),則我們可以從最近的節點取得資料,提升網站載入速度。

而 Cloudflare 除了支援 CDN 服務外,還可以幫你處理 SSL 加密、壓縮 HTML、JavaScript、CSS 資源 ......

更簡單地說:Cloudflare 可以加速你的網站、可以保護你的網站。

以上所說的主要是免費方案的功能,若是付費方案,當然能夠擁有更強大的功能。

本文主要紀錄的,是我將個人網域 clay-atlas.com 啟用 Cloudflare 的步驟筆記。


註冊、啟用 Cloudflare 步驟

以下是我們要操作的步驟,雖然步驟很多,但其實不難。

  • 前往網站
  • 建立帳戶
  • 添加要啟用 Cloudflare 服務的網域
  • 更改 DNS 網域名稱註冊商
  • 確認收到 Cloudflare 的信件、服務啟用



Step 1: 前往網站

首先,來到官方網站:https://support.cloudflare.com/hc/en-us/articles/201720164-Creating-a-Cloudflare-account-and-adding-a-website




Step 2: 建立帳戶

  1. 拜訪 https://dash.cloudflare.com/sign-up.
  2. 輸入你的 Email 地址與密碼(註冊帳戶
  3. 點擊 Create Account.
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-7-1024x694.png


接著,選擇最左手邊的 Protect your Internet presence

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-8-1024x508.png




Step 3: 添加要啟用 Cloudflare 服務的網域

以我為例,我便是添加 clay-atlas.com,你也要添加自己的網域。

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-9-1024x608.png


接著,選擇免費(Free)的方案。(當然,你可能自己另有需求。

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-10-1024x819.png




Step 4: 更改 DNS 網域名稱註冊商

接下來首先是查看 DNS 紀錄,若沒有問題,拉到最底下點擊 Continue 按鈕。

接著,頁面應該會讓你確認你的網域名稱註冊商,並將舊的(以我為例,我的主機商是 BLUEHOST)更改為 Cloudflare 所提供的。

可以透過 WHOIS 確認你的網域名稱註冊商,可以看到,在下方圖片中我的註冊商仍然是 BLUEHOST。

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-11-1024x553.png


接著我來到我 BLUEHOST 的後台(你也要前往你的主機商的後台)。接著,我編輯 DNS 設定中的 Name Servers

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-12-1024x411.png


這裏要填入 Cloudflare 所提供的。

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-13-1024x448.png


剛才 Cloudflare 的網站頁面中應該會有提供兩組名稱。

這張圖片的 alt 屬性值為空,它的檔案名稱為 Screen-Shot-2021-05-08-at-1.09.41-PM.png



Step 5: 確認收到 Cloudflare 的信件、服務啟用

當配置完成後,別忘了在 Cloudflare 的頁面中選擇確認。之後,應該會收到一封電子郵件給你在 Cloudflare 上註冊時的信箱。

我自己的經驗是,大概 10 到 15 分鐘就會收到信了。別忘了使用 WHOIS 檢查一下是否有成功更改註冊商。

接著便是選擇一些 SSL 選項、優化選項 ...... 之類的。

這張圖片的 alt 屬性值為空,它的檔案名稱為 image-14-1024x612.png


最後,若是看到此畫面,及說明 Cloudflare 成功運作了。


References


Read More

Tags:

Leave a Reply