一直想將Blogger改成自定義網域的想法，最近終於完成實現了!

Blogger已改為自定義網址，過程中遭遇好多問題，搞了兩三周終於全部測試驗收完成~

真的很感謝Google上的各路大神開山闢路，以及現在相當進步的 IaaS - Cloudflare (以下簡稱CF)

本篇僅著重將Blogger客製域名改用自定義域名
SEO、流量、留言、內容轉換，未在本文討論範圍
實作前請先詳閱Blogger幫助說明，操作前請先謹慎評估

首先要改用自訂義網域的『功課預習』及『前置作業』，參考如下：

『功課預習』- 先了解各個Domain相關名稱指的是什麼碗糕

Domain Name Registrar
Domain Name
Sub Domain
Name Server

當我們在搜尋網址按下Enter後，整個過程簡單來說就是，藉由name server幫我們解析出domain name的實際位置後，再前往拜訪。

『前置作業』

如上圖，我們需要先向合格的域名註冊商，付費或免費註冊一個網域名稱，

https://www.domcomp.com/ 有關全球大型註冊商付費價格的比較，可以參考這邊~

要額外提醒的是，部分註冊商提供第一年價格很便宜，第二年開始的續約則會價格上揚一些，但總結還是都便宜啦，主要就是吸引以提升註冊該網域的人數，這部分要多加留心哦!

另外，也有代理的，像是遠振有提供網域註冊服務，但實際上域名則是從Gandi所提供的，建議多逛逛註冊商的討論串，再挑選適合您的方案歐!

Step.1 - 先找一個網域註冊商，申請一個域名(domain name)，免費、付費都可以實作，本文以遠振資訊為例
Step.2 - 註冊一個Cloudflare帳號
Step.3 - 準備開工!

注意!

前方高能!

無情工商XD

s7an的專屬推薦連結 - 遠振資訊

https://twnoc.net/whmcs/aff.php?aff=2158

接下來進入重頭戲！

『實作設定』

1. 先將Domain name與CF功能串起

Step.1 登入Cloudflare，並新增一個網域，接著輸入您註冊的網域名稱

Step.2 將網域加入後，CF會提供一個2個name server，將其複製下來
(CF提供每個人的網域名稱不盡相同)

Step.3 登入遠振後台->[我的網域]->[編輯]

Step.4 點選[名稱伺服器]

Step.5 將CF提供的name server填入使用自訂的名稱伺服器，儲存變更~

Step.6 大約等個十分鐘(最遲得24小時)，就會看到該網域名稱已在CF的name server啟用

2. 接著就可以來設定CF與Blogger之間的串接設定了

在此我規畫如下：
因為是部落格，我想創立一個sub domain = blog去接原來的google blog link
而www這個sub domain則改日使用 (其實是因為CNAME一直指向失敗...改天有解決再寫一篇專門為這個做講解)

整體連結預計會是長這樣↓
blog.s7an.com --> 我原先擁有的blogger link
s7an.com -->裸網域也指向我原先擁有的blogger link
~~www.s7an.com~~ -->這個我沒有用到，所以沒設定

這邊要先提一下，依據目前的 RFC1912 規範，在CF內裸網域不能直接使用CNAME指向，而是使用CNAME flattening技術實作。

Wiki CNAME紀錄

所以裸網域要怎麼指向?

讓我們繼續看下去~

3. Blogger後台設定

依據上述我要建立的sub domain name設定 --> blog.s7an.com

這時，google blogger會提供兩個相對應的字串

1. ghs.google.com

2. jdu4oid ----- rfgvbnjak78d$%^HJuijdias (這條是範例~)

Step.7 Blogger後台 -> 設定 --> 自訂網域

接著到CF，新增兩條CNAME，內容填上google blogger所提供的各別字串，並開啟Proxied，這樣才能套用到CF所提供的免費SSL

***若沒打開Proxy = Only DNS***

如此就表示user的連線是直接連到google blogger server，

user connection並未通過CF處理，所以也就套用不到CF所提供的SSL

Step.8 新增2條google blogger提供的CNAME，並開啟Proxied

對了，上述由於CF的裸網域設定，不建議使用CNAME指向其他位置，而是應指向IP位置。

因此只需要在CF新增4條CNAME，並指向Google的 server 即可哩~

216.239.32.21

216.239.34.21

216.239.36.21

216.239.38.21

這邊看到都是偶數，我猜奇數應該是備用機吧XD

Step.9 設定裸域指向

接著就是等個3~10分鐘就可以嘗試連線您的新網域名稱啦~

CF的端點遍布全世界，只要網域已經透過CF服務中，DNS的異動更新便會很快生效

附帶一提：

若一開始就打開proxy，但卻等了10幾分鐘都找不到網址，

你可以先關掉proxy，讓CF先找到實際主機位置，確定未開啟proxy的狀態下連線正常，

再去把proxy打開~就可以正常連線及驗證憑證狀態囉~

p.s 這問題我在NAS上試了上百遍，才發現有這個特性

以上

恭喜~

過程遇到SSL handshake fail error 525

我的解決方式：

1. 進入CF後台，關閉google blogger的Proxy，等待設定生效 (blog.s7an.com可連線)

2. 清除browser cookies

3. 回到CF再次打開Proxy，等待設定生效，完成~

Solution to Blogger sites using Cloudflare with 525 error

SSL not working for a sub-domain pointed with CNAME record to another domain

題外話：

怎麼知道proxy到底有沒有使用到?

很簡單~

關閉proxy -> 當url生效後 -> ping url所得到的IP位置 (您主機的外網IP)

打開proxy -> 當url生效後 -> ping url所得到的IP位置 (您主機透過CF修飾過的外網IP)

這兩個位置是不一樣的~

再去找找開IP資訊，就會知道差異在哪囉~

Ref:

DNS Checker

Blogger 使用 Cloudflare CDN、DNS 的幾點心得

【網站經營】設定 Google Blogger/Blogspot 自訂網域，建立自己網站的專屬網址

ChromeHSTS異常導致無法訪問HTTPS網頁

網站明明有SSL了，為什麼有時候還是連不上？是不是有遇過類似的問題呢？

Breaking

精選