• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

免費資源網路社群

免費資源指南,每日網路資訊與科技新知

  • 免費軟體
    • APP
      • iOS
      • Android
    • Mac
    • 瀏覽器外掛
      • Chrome
      • Firefox
    • 防毒軟體
    • 系統工具
    • 圖片處理
    • 文字編輯
  • 線上工具
    • 雲端掃毒
    • 線上翻譯
    • 線上轉檔
    • 配色工具
    • 縮網址
    • 產生器
  • 免費空間
    • 網路硬碟
    • 圖片空間
    • 影片空間
    • 網站空間
  • 熱門主題
    • Facebook
    • VPN
    • YouTube
    • 編輯精選
    • 字型下載
    • 免費圖庫
  • 網路科技
    • 個人服務
    • 電子信箱
    • 實用教學
    • 資料查詢
    • 音樂音效
  • 架站教學
    • DNS
    • WordPress
    • 搜尋引擎最佳化
    • 素材模版
    • 免費圖示
    • 網站監測

Cloudflare 架站者必備免費 CDN、DNS 託管服務設定教學,網站載入加速、節省流量防止惡意攻擊

Last updated 1 year ago by Pseric

CloudFlare

如果你有持續關注免費資源網路社群的變化,應該會發現,一直以來我都是選擇把網站架設在美國虛擬主機(前幾年有短暫時間搬回台灣),因為美國主機價格便宜,頻寬跟連線品質都比台灣現階段好很多,不過從台灣或亞洲地區連線時因受到地理距離限制,通常反應時間和連線速度都不如鄰近國家(例如日本、香港或新加坡),但好消息是我們可以透過一些 CDN 服務來提升網站連線速度,無須再忍受距離而造成的延遲問題。

不過大部分的 CDN 服務都屬於付費功能,其中最知名、最多人使用的 CloudFlare 則是類似免費服務中的翹楚(之前介紹的 Incapsula 是另一款同性質服務)。

CloudFlare 成立於 2009 年,總部位於美國加州,這項服務帶給了架站的使用者相當好的幫助,為網站提供安全管理、效能最佳化等功能,而且設定方法簡單,加入後就能明顯感受到網站速度的提升。CloudFlare 沒有流量和請求數等限制,分流功能可大幅節省網站的流量消耗。

CloudFlare 主要是基於內容傳遞網路(Content Delivery Network, 簡稱 CDN)和分散式網域名稱解析服務(Distributed Domain Name Server)等技術,於世界各地分布超過三十個資料中心,當使用者連接到使用 CloudFlare 服務的網站後,會從最接近使用者的資料中心來接收網站內容,以加快網站載入速度。從台灣連線時會連接到香港的資料中心。

最重要的是 CloudFlare 提供網站基本安全防護功能,將真實伺服器 IP 位址隱藏在 CF 伺服器後,避免伺服器被攻擊、入侵或對網站造成危害,加速以外更增添了安全性。

以上介紹的這些都是 CloudFlare 免費方案的功能,若你想得到更多的可自訂項目,或是增加連線的速度和安全防護效能,也可考慮付費來升級為 Pro 或 Business 等高級方案。

現在 Pseric 架站時,一定會搭配 CloudFlare 使用,一來可以提高網站連線速度,更重要的是增添多道安全防護,阻擋許多不必要的攻擊。CloudFlare 提供的 DNS 反應時間快、穩定性高,在變更 DNS 記錄時的更新時間更短,假設你不想使用 CF 的相關功能,那麼單純拿來作為 DNS 伺服器也是不錯的。

至於要如何在你的網站設定 CloudFlare 並開啟相關功能呢?以下會有完整教學,以及我這幾年使用的設定經驗分享,若你也是自行租用主機的話,可以參考參考,將 CloudFlare 納入你的網站標準配備吧!

網站名稱:CloudFlare
網站鏈結:https://www.cloudflare.com/
免費註冊:https://www.cloudflare.com/a/sign-up

使用教學

將你的網站伺服器連結 CloudFlare

STEP 1

第一次使用 CloudFlare 時,先開啟首頁,點選右上角的 Sign Up 來註冊一個帳號,註冊時依序填入 Email、密碼,同意使用條款後即可取得帳號。

此外,CloudFlare 支援以 Authy App 來產生兩階段驗證碼,以提高帳號安全。

CloudFlare

STEP 2

登入 CloudFlare 後點選「Add Site」新增網站,把要加入 CloudFlare 的網域名稱輸入,點選右邊的「Scan DNS Records」按鈕。在下個步驟 CloudFlare 會掃描該網址目前有的 DNS 記錄,然後把它自動複製到 CloudFlare 端,以利使用者設定使用。

如果你還沒有網域名稱,請參考「四個我推薦的網域名稱註冊商」一文。

CloudFlare

掃描記錄大約需要 60 秒時間,這段期間 CloudFlare 會播放一段影片,來簡單介紹這項服務的功能和使用的技術。

CloudFlare

掃描完成後,你原先設定在網域名稱的 DNS 記錄(例如 A、AAAA、CNAME、MX)會被複製到 CloudFlare 端,檢查一下看看記錄是否正確,或者自行加入、調整記錄,請先確定連接到你網站的 A 或 CNAME 記錄後方的狀態圖示為橘色(On CloudFlare),當開啟後,該連線才會走 CloudFlare 線路,也才能夠享受這項服務帶來的功能。

CloudFlare

STEP 3

接著來到選擇 CloudFlare 方案頁面,第一次使用建議可先從免費方案(Free)開始,免費方案已經包含基本的安全防護、網站加速、SSL 憑證和 Always Online 功能,點選後按下右下角的 Continue 完成設定(日後如有需要也可以隨時付費升級)。

CloudFlare

STEP 4

最後 CloudFlare 會跳出兩個 Nameservers 記錄,並要求使用者將你目前所使用的網域名稱DNS 改為 CloudFlare 提供的伺服器,因為剛才已經把 DNS 記錄複製到 CloudFlare,所以可以放心設定,設定後網站依然能夠正常運作,不會發生問題。

CloudFlare

通常設定 DNS 記錄必須回到網域名稱註冊商來操作,例如我在 Gandi.net 註冊網址,就回到該註冊商的更新 DNS 頁面,將 CloudFlare 提供給我的 DNS 記錄更新,等待 DNS 生效即可,非常簡單。

CloudFlare

STEP 5

更新 DNS 記錄不會馬上生效,有時需要數小時甚至超過一天時間,不過 CloudFlare 的速度通常會快一些。回到 CloudFlare 後,會顯示你目前的網址狀態為「Pending」,代表正在等待你更新 Nameservers。

更新 DNS 後,點選「Recheck Nameservers」按鈕,若你的記錄已經更新並被 CloudFlare 偵測到,就可以開始使用 CloudFlare 相關功能(這也表示你的網站已經開始透過 CF 的線路進行連線)。

CloudFlare

我推薦的 CloudFlare 設定選項

STEP 1

在將網域名稱、伺服器連結到 CloudFlare 後,可看到網站狀態已經變成綠色的 Active,代表我們已經可以使用 CloudFlare 的相關設定選項,網站也將透過 CF 線路進行連接,如果你試著打開工具來 ping 一下網站,會發現 IP 已經跟原本伺服器的不一樣(延伸閱讀:利用超級 Ping 檢測工具來測試網站速度),反應時間也縮短許多。

從台灣連線的話,會自動選擇走香港的資料中心。

CloudFlare

STEP 2

第一步,點選上方功能列的「Crypto」,找到第一個「SSL (With SPDY)」項目,現在預設情況下 CloudFlare 會開啟網站的 SSL 加密憑證功能,如果你確定不需要,可以選擇 Off 把它完整關閉(若你之後會用到,記得 CloudFlare 頒發憑證不是即時的,會需要一段等待時間)。

CloudFlare 提供免費版 SSL 憑證(Flexible SSL),當你的網站需要使用加密協議時,可以無須付費購置 SSL 授權。

CloudFlare

STEP 3

接著切換到「Speed」功能,將 Auto Minify 後方的 JavaScript、CSS、HTML 勾選,這個功能會自動壓縮你的檔案,讓這些檔案變得更小,載入速度更快,建議開啟!

補充:如果開啟 Auto Minify 使網站發生問題,例如版面無法正常顯示、功能失效等等,請把這項功能關閉。

CloudFlare

把視窗往下拖曳,會有一個測試中的「Rocket Loader」功能,這個功能會利用 JavaScript 來改善頁面載入速度,不過程式碼部分可能會被調動,若你有使用 Google AdSense 之類的廣告服務建議不要開啟,否則可能會因為修改程式碼而違反 AdSense 使用規則。

若你要開啟 Rocket Loader,只要把選項調整成「Automatic」即可啟用。

CloudFlare

STEP 4

切換到「Caching」快取功能設定頁面,可以找到一個「Always Online」,預設情況是開啟的,這是什麼呢?簡單來說,CloudFlare 會如同搜尋引擎來爬行、抓取你的頁面,將它儲存備份起來,當你的網站突然無法連線時,CloudFlare 就會把這個備份頁面提供給使用者瀏覽,就好像你的網站永遠在線上(Always Online)。

這個功能看似實用,卻有一些缺點,根據 Pseric 的使用經驗,開啟 Always Online 會加重網站的負載,原因很簡單,因為 CloudFlare 會不斷抓取你的頁面資料,當你的頁面很多,這就會花費許多時間(包括資源),使用者可以視情況來決定要不要開啟這功能。

CloudFlare

STEP 5

最後,切換到「Apps」應用程式畫面,如果你有使用 Google 分析(Google Analytics)或 Google 網站管理員工具,可以把它設定進來,Google Analytics 功能會自動在每個頁面加入追蹤代碼(包括找不到頁面),這個功能還算方便好用。

CloudFlare

STEP 6

在「Analytics」分析頁面裡,還能找到 CloudFlare 收集的網站相關分析數據,例如收到的請求數、使用流量、獨立訪客以及遭受的攻擊等等,不過 Free 方案數據並非即時,但有空時可以回來看一下 CloudFlare 的運作情形,順便做些調整、測試。

CloudFlare

最後,直接開啟你的網站或 WordPress 部落格,就會自動以 CloudFlare 連線,可以測試看看是不是速度方面改善不少呢?

補充一下,若你開啟了 CloudFlare 功能,因為真實的 IP 位址會被隱藏在 CDN 之後,所以就無法直接使用網站網址來連接 FTP、SSH,必須以原伺服器的 IP 位址來連線喔!

CloudFlare

如果你是使用 WordPress 架站的話,先前我還介紹過一款由 Automattic 也就是 WordPress 公司所提供的免費圖片 CDN 分流服務 Photon CDN,可提升圖片載入速度,同時降低對於虛擬主機所造成的流量消耗,若你網站圖片很多,建議把這個功能安裝、開啟。

值得一試的三個理由:

  1. 世界級的 CDN、DNS 託管服務,可免費使用於各式網站
  2. 沒有流量或請求數等限制,大幅減少網站流量消耗
  3. 可防護惡意攻擊,提升網站載入速度

分享文章

  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 Twitter(在新視窗中開啟)
  • 分享到 LinkedIn(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)

分類: 免費DNS, 站長工具, 編輯推薦標籤: CDN, CloudFlare, DDNS, DDoS, DNS, DNS Server, DNS代管, DNS設定, Load Balancer, SEO, SSL, 免費DNS, 內容傳遞網路, 分流工具, 圖片分流, 安全相關, 安全防護, 搜尋引擎最佳化, 最佳化, 架站教學, 站長工具, 網站優化, 網站加速, 網站安全, 網站工具, 網站最佳化

關於 Pseric

學生時代成立網站以來堅持每日更新,在挖掘資料的過程中慢慢找出自己經營網站的方法,最開心的是有一群一起長大的讀者。

Primary Sidebar

使用電子郵件訂閱網站

輸入你的電子郵件地址訂閱網站新文章,使用電子郵件接收通知。

站內搜尋

追蹤更新

最新文章

  • 在 M1 版 Mac 安裝 iPhone、iPad 應用程式,使用 iMazing 匯出 IPA 檔案
  • PDF Unshare 免費 PDF 版權保護軟體,可設定文件失效日限單一裝置開啟
  • 無難度!Crello 線上自製超專業平面素材,每月五張免費額度下載
  • Mock Magic 為擷圖畫面加上外框,支援 iPhone、MacBook 等裝置模型
  • Signal 更重視隱私即時通訊應用,不含廣告追蹤器不過度收集用戶資訊
  • you-tldr 貼上網址快速產生 YouTube 影片摘要,下載匯出字幕 .csv 格式
  • Insta-stories.ru 匿名瀏覽 IG 限時動態和精選貼文,一鍵下載相片影片
  • OVRVU 專注於精簡和免費個人頁面產生器,支援 Markdown 無流量限制

精選主題

  • 思源黑體:Adobe 與 Google 合作開發開放原始碼中文字型
  • 思源宋體 Noto Serif CJK 字型免費下載!Google、Adobe 再次攜手推出開放原始碼字體
  • Apple Music 登陸台灣!免費三個月試用音樂串流服務,不聽音樂要幹嘛?
  • [下載] WinRAR 解壓縮軟體正式推出中文免費版,別再用盜版破解版了!
  • Mipony 白馬下載器:網路下載必裝!支援數百免空可突破下載限制
  • Outline 來自 Google 全自動自架 VPN 安裝工具,突破中國網路封鎖限制
  • Spotify 免費聆聽 4000 萬首歌,音樂串流應用 iOS、Android 版下載
  • Peggo 終止服務!5 個 YouTube 轉檔下載替代方案推薦
  • 日本亞馬遜 AmazonGlobal 線上購物直送台灣,免消費稅免找代購
  • 中華郵政 i郵箱初體驗,24 小時自助郵局寄件取件超方便
  • YouTube Music 免費音樂串流服務正式登場,升級 Premium 零廣告體驗
  • Microsoft Edge 正式版免費下載!以 Chromium 重新打造微軟瀏覽器
  • 使用 eMask 線上預購口罩,健保卡或自然人憑證驗證可信用卡繳費
  • 口罩實名制 2.0 健保卡身分認證教學,以健保快易通 APP 線上預約口罩
  • Photopea 免費圖片編輯器,堪稱 Photoshop 線上版支援 PSD 等常見格式
  • 財政部統一發票兌獎 APP 掃描發票存手機,自動記帳主動對獎超方便
  • 使用健保卡+戶號線上查詢勞保勞退年資、應繳欠繳保費和退休金核發試算
  • 跨平台 Brave 瀏覽器免費下載!兼具速度與隱私相容 Chrome 擴充功能
  • YouTube Kids 兒童專用影音頻道,手機平板應用程式免費下載

贊助商連結

實用教學

  • 46個免費圖庫網站總彙整
  • 15個免費下載高解析度圖片最佳圖庫
  • 下載高畫質相片素材的13個免費圖庫資源精選
  • 12個你應該知道的中英文假字、文章產生器
  • 20個免費下載創用 CC 授權音樂的網站彙整
  • 40個設計師必備免費資源超推懶人包
  • Google 商家被留負評該檢舉刪除?或許業主更該做的是回應疑慮
  • Facebook 全新下載資料副本功能,一次備份所有臉書記錄匯出
  • Instagram 資料下載讓使用者完整備份相片影片、留言、訊息等個人記錄
  • 7 個線上接收手機簡訊驗證碼的免費網路服務整理
  • 如何重灌 Mac 電腦?重新安裝 macOS 自動更新為最新版本教學
  • PayPal 兩步驟驗證設定教學,以手機簡訊或應用程式降低被盜用風險
  • 以 YubiKey 實體安全金鑰設定 Google 兩步驟驗證教學

WordPress 架站資源

  • 搬家自架 WordPress 推薦的五個虛擬主機服務
  • 架站更上一層樓,我推薦的五個虛擬專屬主機(VPS)服務
  • WordPress Hosting 架站空間精選,最多人推薦的五個國外虛擬主機方案
  • 如何挑選一個適合你的虛擬主機服務?我參考的七個比較項目
  • 自架 WordPress 虛擬主機租用教學,將網誌備份匯出、匯入到新家
  • 在 WordPress 設定 HTTPS,強制使用 SSL 安全加密協定教學
  • 殺手級 WordPress 體檢項目:101 個建立新網站的超簡易捷徑!
  • Cloudflare 架站者必備免費 CDN、DNS 託管服務設定教學
  • 台灣用戶也能在 Google Domains 註冊購買網域名稱,詳細申請設定教學
  • 16 個免費網站速度測試工具推薦!網頁效能評比,搜尋引擎最佳化必備
  • 亞馬遜 VPS 服務 Amazon Lightsail 搭配 ServerPilot 快速架設 WordPress 教學
  • 165 個 WordPress 官方開發佈景主題設計 Jetpack 使用者免費下載
  • 使用 Google Cloud Platform 雲端主機免費版架設 WordPress 教學
  • 使用 Cloudways 架設 WordPress 網站教學,快速部屬最佳化環境
  • RunCloud 佈署最佳化主機環境,整合 DigitalOcean 架設 WordPress 教學
  • 使用 SiteGround 虛擬主機一鍵快速安裝 WordPress 教學
  • Cloudflare 變身域名註冊商,以最低價續費含免費 SSL、WHOIS 隱藏功能
  • FastComet 評價極高的虛擬主機推薦,一鍵安裝 WordPress 教學
  • VaultPress 完整備份你的 WordPress 網站,無痛搬家或回復特定時間點

贊助商連結

Managed WordPress Hosting
We Love Jetpack!
Stock Photos, Vectors and Royalty Free Images from 123RF

使用 WordPress 建置,最高級的語意化個人出版平台・關於本站・文章彙整・隱私權政策