Blogger 網站由 Cloudflare 代管常用功能說明﹍DNS + 轉址 + 郵件轉寄

五年前本站網址從「Godaddy」代管，改成由 Google 自家旗下的「Google Domains」代管，當下想說將來不必再為 "網域註冊商" 的選擇而煩惱，我的兩個網域一次各自購買了五年份，沒想到去年 Google Domains 就賣給了 Squarespace，真是個非常糟糕的消息。 去年便有新聞指出 Squarespace 已經申請上市，正在等待審核通過，想到多年前 Godaddy 上市後，買網址、續約的價格漲得不像話，畢竟上市公司的目標就是幫股東賺錢。所以我早就打定主意，今年網址到期後會更換網址代理商，且心中已有最佳選擇——Cloudflare，而搬遷的詳細過程與說明，請見這篇紀錄「網域從 Squarespace 轉移到 Cloudflare 各種難題解決」。 Cloudflare 與過去使用的 Godaddy、Google Domains、Squarespace 這類網域註冊商性質不太一樣，Godaddy、Squarespace 都是提供讓網站可以用簡單方式建構的服務，各種網址設定的相關功能都已經幫使用者簡化。而 Cloudflare 主要業務是提供網路全方位的基礎建設，例如 CDN、網路安全、DNS 代管、無伺服器運算等等。由於功能太過強大且複雜，無法像 Godaddy、Squarespace 把設定簡單化。如此一來，如果你是 Blogger 的長久使用者，若想改用 Cloudflare 的話會稍微適應不良。 所以本篇主要幫助 Blogger 使用者，針對過去網址商後台常用的三個功能：DNS 設定、網域轉址、郵件轉寄，了解在 Cloudflare 後台怎麼操作，先知道這幾個常用功能如何運作就好了。至於 Cloudflare 其他的強大、實用功能，可以另外一篇心得「Cloudflare 適合部落格網站的實用功能」。

一、讓 Cloudflare 代管網站

把網站交給 Cloudflare 代管是不需要費用的，因為可以選擇「免費」方案，而免費方案的功能基本上已經比其他網域註冊商都強大太多。 1. 註冊

• 進入「Cloudflare 中文官網」
• 點擊「註冊」，先註冊一個帳號，才能開始操作

2. 新增網域 進入「Cloudflare 儀表板」頁面，點擊右上角紅框的「新增」→「連結網域」，準備將網站交給 Cloudflare 代管。 紅框輸入自己的網域，選擇「快速掃描 DNS 紀錄」→「繼續」 選擇「免費」方案 →「繼續」 需要一點時間等 Cloudflare 掃描 DNS，結果類似上圖。這裡先不說如何處理 DNS，因為太複雜之後再詳述，直接點「繼續以啟用」，之後再來改 DNS。 按照上圖指示進行操作，更換名稱伺服器，將網域改由 Cloudflare 代管。如果跟我一樣網址商是 Squarespace 的話，需要登入 Squarespace，確保 DNSSEC 是關閉的(只要你沒動過 Squarespace 相關選項，就會是關閉的)。 然後複製上圖兩筆紅色底線的伺服器網址。 3. 移轉到 Cloudflare 接下來以 Squarespace 後台操作為例，如上圖，進入自己網域的畫面後，注意標示紅框處：

• DNS → Domain Nameservers → USE CUSTOM NAMESERVERS
• 彈出的視窗中，在 NAMESERVER1 及 NAMESERVER2，分別填入前面複製的兩筆 Cloudflare 名稱伺服器網址
• 完成後按「SAVE」

名稱伺服器生效需要一點時間，切換到 Squarespace 後台之前的最後一個 Cloudflare 畫面，有個按鈕可檢查名稱伺服器。 不過如果已經跳開 Cloudflare 畫面的話，可依照下面的步驟，並參考上圖：

• Cloudflare 儀表板 → 選擇網域 → 概觀
• 往下捲可看到「立即檢查名稱伺服器」，點擊後看看結果

因為總歸要等一點時間，所以趁空檔現在可以先來看 DNS 要如何設定。

二、DNS 設定

1. DNS 頁面 進入 DNS 分頁的步驟如下：

• Cloudflare 儀表板 → 選擇網域
• 左側分頁選「DNS」就能看到所有設定參數

2. 網址搬到 Cloudflare 可刪除部份設定 如果只是網址交給 Cloudflare 代管的話，可跳過這部份，直接看「3. 調整 CNAME 設定」。 如果是網址「搬家到 Cloudflare」，有付錢給 Cloudflare 買網址的話，那麼請看上圖，MX、NS、TXT 等等紀錄都可刪除，因為這些都是在原網址商才會生效，Cloudflare 會另外產生新的 MX、NS、TXT 紀錄。 3. 調整 CNAME 設定 借用前面這張圖，來看移轉過來的 DNS 設定。在 CNAME 的部份，上圖可看到我的 demo 這個子網域，指向目標 ghs.google.com。 而 www 這個子網域需要特別說明，由於 Squarespace 繼承了 Google Domains 的功能，如果當初後台我們選擇讓其管理網站的 DNS 設定，也就是如果某個網站我們沒有設定過 DNS 的話，Squarespace 會自動產生 DNS 參數。上圖看到 www 指向的目標 ext-sq.squarespace.... 這就是 Squarespace 自動產生的代管目標位址。 然而現在網站改由 Cloudflare 代管了，DNS 就必須指向正確的目標位址，所以建議所有的 Blogger 網站子網域，只要指向目標的網址字串，看起來跟 google 伺服器沒什麼關係的話，將 CNAME 一律修改為指向 ghs.google.com。

三、解決網站無法連線(修改SSL設定)

1. 網站無法連上的原因 即便 DNS 設定都沒任何問題，Blogger 網站由 Cloudflare 代管後，一開始應該都會遇到問題，例如我的網站開啟後，網頁會顯示 "重新轉向次數過多" 類似這樣的訊息，最後無法連上。 網路上查了一下原因，這篇「Blogger and Cloudflare」，大致可以了解原因是 Cloudflare 與 Google 背後都有 CDN 在運作，彼此之間在處理 SSL 時產生了衝突。 2. 關閉 PROXY 同樣借用前面這張圖，我們可看到每筆 DNS 預設都是開啟 Proxy，也就是顯示「橘色雲」的狀態，這也是 Cloudflare CDN 與 Google CDN 打架的原因。 最簡單的解決方法就是將所有「橘色雲」都關閉，不使用 Cloudflare CDN 就不會有問題，經測試後網站也的確能連線了。 但畢竟這麼做很可惜，開啟 Proxy 的話可以使用 Cloudflare 相當多強大的功能，所以讓我們繼續研究更好的作法。 3. 關閉 HTTPS 重新導向 該篇文章作者提到它測試出的方法，可以既開啟 Proxy 又讓網站正常連線：

• Blogger 後台關閉「HTTPS 重新導向」功能
• Cloudflare 將 SSL 選項設定為「彈性」(flexible)

經測試後網站的確能連線了，但是會有一個問題，請參考 FB 社團討論串「轉 cloudflare 後 https 模式無法打開」，會發生 sitemap 網址變成 http 的狀態，這樣子很有可能網站被 Google 索引時，判斷成與 https 是不同的兩個網站，進而影響 SEO。 4. 修改 SSL 設定 為了找出最佳解，我問了 ChatGPT，他推薦將 Cloudflare 的 SSL 選項改為「完整」，代表的意義為：

• 訪客到 Cloudflare 這一段，使用 HTTPS 連線
• Cloudflare 到 Blogger 這一段，使用 HTTPS 連線

如此全程使用 HTTPS，網站連線沒問題，經測試後，選項使用「完整」或「完整 (嚴格)」都沒問題，最後我選擇的是「完整 (嚴格)」，其定義在 Cloudflare 後台畫面有顯示。 修改的操作方式如下：

• Cloudflare 儀表板 → 選擇網域 → SSL → 概觀 → 設定
• 自訂 SSL/TLS → 選擇「完整 (嚴格)」

當我首次進入 SSL 修改選項時，如上圖，發現原來預設值是「彈性」，ChatGPT 說代表的意義為：

• 訪客到 Cloudflare 這一段，使用 HTTPS 連線
• Cloudflare 到 Blogger 這一段，只有使用 HTTP 連線(沒有加密)

所以總算知道為何一開始 Blogger 由 Cloudflare 代管後，網站會連不上的原因了，只要將 SSL 選項由「彈性」改為「完整 (嚴格)」，就可以暢快地使用 Cloudflare CDN 功能了。

四、網域轉址規則設定

有時因為搬家、網址的轉換，會需要用到 301、302 網域轉址，這也是網址代理商後台常用的功能。但是 Cloudflare 的操作跟其他網址商相比有些複雜，必須特別說明如何設定。 1. 各網址商轉址功能差別 就我使用過的網址商經驗，網域轉址效果其實差異相當大：

• Godaddy：最差的一個，整個網域只能轉址到新網址首頁
• Google Domains：功能完整，原網域的任何網址都能轉址到新網站的對應網址，可惜已經沒了
• Squarespace：功能不完整，原網域的網址若有特殊字元(例如中文這樣的 Unicode，或是網址有參數的話，都無法成功轉址到新網站的對應網址
• Cloudflare：功能最強大，可以任意設定各種規則、萬用字元等等

2. Cloudflare 操作

• Cloudflare 儀表板 → 選擇網域 → 規則 → 概觀
• 如上圖，選擇「重新導向轉接到其他網域」

參考上圖，修改方式如下：

• 規則名稱：填入自訂文字
• 選擇「自訂篩選條件運算式」
• 選擇「主機名稱」+「等於」，「值」填入要轉址的來源網域
• 如果有多個轉址來源，可以按「及」來新增
• 選擇「動態」，運算式填入「concat("填入轉址目的地網域", http.request.uri.path)」
• 狀態代碼通常選擇「301」，代表永久轉址
• 勾選「保留查詢字串」，這樣網址有參數時也能一併轉址

完成後按「儲存」即可。 以上設定的效果會是這樣：來源網址是「https://tv.wfublog.com/*」的所有網址及參數，都會 301 跳轉到新網址「https://tv2.wfuapp.com/*」，並保留來源網址的架構及參數。 建立完一條轉址規則後，畫面會類似上圖，將來要新增其他規則時，請按紅框處的「建立規則」，然後接續前面的流程即可。 3. DNS 新增 CNAME 需要補充說明的是，新增的轉址規則，「來源網址」請檢查在 DNS 中有沒有紀錄，如果沒有的話，須補上一筆 CNAME：

• 名稱填入「來源網址」的子網域字串，例如 "www"
• 目標指向「ghs.google.com」
• 此筆資料一定要開啟「Proxy」橘色雲圖示

以前在 Godaddy、Google Domains、Squarespace 都不需要做這個動作，因為幫我們簡化了操作，自動在 DNS 加入此筆紀錄。 不過即使我們沒做這個動作， Cloudflare 也會提醒我們補上這筆資料。 4. 免費版限制 Cloudflare 的轉址設定完全可以實現各種客製化，功能十分強大，不過不能無限制使用，根據官網文件說明「Redirects」，免費版提供的額度可使用「10 個規則」。 雖然數字看起來不多，但是對於一般 Blogger 網站使用綽綽有餘了，應該不成問題。

五、郵件轉寄功能

1. Cloudflare 設定 另一個網址商後台常用的功能是郵件轉寄功能，例如本站的聯絡信箱為 [email protected]，可以設定為轉寄實際使用的 Gmail 信箱，操作流程如下：

• Cloudflare 儀表板 → 選擇網域 → 電子郵件 → 電子郵件路由 → 開始使用

• 「自訂位址」填入自訂郵件字串
• 「目的地」提入要轉寄的郵件地址
• 按「建立並繼續」完成

之後要新增其他郵件轉址時，如上圖，按「建立位址」即可。 2. Gmail 寄信 前面的設定，可以讓他人寄信時，收件人為我們自訂網域的郵件地址，但實際上郵件最終還是寄到 Gmail 郵件地址。 比較困難的是，我們如何在寄信時，能真正使用「自訂網域的郵件地址」作為寄信人，這部份的流程不太容易，請參考這篇「Gmail 自訂網域郵件信箱的技巧」的說明。

更多 Cloudflare 相關文章：