(Open-Source) 將自訂網域的 Blogger透過CDN(Cloudflare)從HTTP到 HTTPS (~2hrs)

"Simple can be harder than complex: You have to work hard to get your thinking clean to make it simple. But it’s worth it in the end because once you get there, you can move mountains.”

~Steve Jobs

將blogger的網域從google搬到freenom自訂網域後，還是有一些小問題，像是如果回到以前在大陸ISP下生活時，想看今天我實驗的這個網域下是會被GFW和諧掉的 (不是每個人都會有一個OpenVPN server)。
所以如果試著換位思考想要讓自己的資料讓全球IP都看的到時，勢必也需要找個CDN服務; 另外一個小問題就是，Blogger以自訂網域時會不再支援HTTPS，雖然這樣也不影響閱讀，但是少了https後看起來有點不舒服 ;另外的自訂網域下的問題，網域變更後網站速度降低，變慢變慢...到讓人非常有感! 開始動手打造我的https, 把原本Freenom(看你的domain name設定應該會找的到)的domain name外掛到一組CDN(Content delivery network或Content distribution network)-Cloudflare。
如果有興趣去了解CDN就會很快的找到這間少有的免費CDN服務...全球市佔也相當的高，不過最棒的是他也提供了Origin CA的SSL讓其他網域的人可以使用（如延伸閱讀5)

(FAQ) How does Cloudflare work?

 Cloudflare security overview

回頭去設想需求..1.要有https; 2. 要讓網站在自訂網域下仍可以跑快點; 3. 如果可以不要太久（哄小孩睡覺後到睡前的時間<2小時)。

Step 1. 提供網站位置，掃描DNS ：只要給他5分鐘掃描你的自訂網域下的網址

Step 2.確認掃到的DNS設定TTL: automatic

Step 3.Free website方案

Step 4. 確認新的nameserver (會有兩組對應你網址的nameserver)

Step 5.到Domain name的設定中去修改name server為Cloudflare提供的

Step 6.Cloudflare Dashboard，確定都active.

Step 7.到Cryto的功能設定為Flexible mode,其實到這邊就可以https連線到原本只有http的網域了.  (延伸閱讀： What do SSL options mean?)

Step 8.接著將Page Rules下新增網域http://www.next-lab.ml/* (<-記得要改成自己的網域),設定強制使用https連線.（免費用戶共有3個page rules 可用)

Step9. 完工後的網頁/手機版都可以https閱讀, 但是網頁版的由於有混合性資料（然後我又懶得改, 所以會是驚嘆號） 手機版的瀏覽頁面就很正常的顯示通過https安全認証

HTTPS activated :)

Step10. 從中國網路長城連回來 OK

從中國的網域看回來這個網誌...OK (測試工具)

延伸閱讀

1. [教學]Cloudflare 免費不限流量CDN、DNS代管，網站全球加速、減輕伺服器負擔
2. Setup CloudFlare Free CDN Service in WordPress/Blogger [2017] | Speed Up Site Loading 
3. (技研可樂)Blogger 使用 Cloudflare CDN、DNS 的幾點心得
4. !(技研可樂) [教學] Blogger 自訂網址套用 CloudFlare Flexible SSL 設定全流程
5. Cloudflare origin CA free SSL installation guide on Godaddy
6. (Optional)Cloudflare 建議所有用戶參考的文件

寫在最後，現在全球手機上網的人口很有可能已經超過用電腦上網的人口了(印度人寧可不買日用品，也要用手機上網）(WhatsApp plans Indian digital payments)，想要脫離手機或是脫離網路已經不大可能了，但同時我們卻被日益肥大的Chat app 綁架(尤其是LINE與WeChat..)。Open source的Jitsi <50MB, 支援AI與bot的 Allo, Telegram都可以<100MB，但是LINE卻是空間殺手,居然跟音樂串流&手遊有得拼.....尤其我的又是老手機...快跑不動LINE了....下一步是要設法把Chat APP通通串在一起（LINE, WeChat, Messenger, Telegram, Skype)，看用HTML的方式串流在一起的可行性，這樣就可以不用那麼多的手機空間了。Make it simple.（為了玩遊戲要換手機還說的過去，為了Chat APP要換手機就有點....囧)