錄音文稿
接下來我們點擊左上角的 Logo 回到網站的首頁,這邊是 Cloudflare 的操作控制台,目前因為還沒有設定代管的網域,因此左邊這邊會是空白的。
(展示 NameCheap 的畫面)
通常在購買網域後,我們最常動到的地方就是 DNS 設定的部分,而透過 Cloudflare 我們可以直接設定用 Cloudflare 代管所有與網域有關的設定,接下來帶大家一步一步來設定。
首先我們點擊畫面上的「新增網站」,開始設定網域代管的流程。
在畫面中的輸入框輸入你新購買的網域,輸入完成後就點擊「新增網站」繼續下一步。
接下來要選擇 Cloudflare 的方案,我們選擇免費方案並且繼續下一步,Cloudflare 免費方案就已經足夠我們使用了。
接下來這個畫面就是前面提到的 DNS 設定畫面,在畫面中你可以看到一個 DNS 設定資訊的表格,這邊我們需要確認是否有一筆 Type 是「 A 」的設定紀錄,並且 Name 要是你的網域名稱, Value 則是指向到 1.1.1.1。
如果沒有的話,請在上方新增一比 Type 是「A」,Name 是你的網域名稱,並且 IP 地址 1.1.1.1 的紀錄之後,點擊右邊的「Add Record」來將紀錄儲存。
下一步會跳轉到變更網域名稱伺服器的頁面,網頁上有很清楚的步驟教你怎麼設定透過 Cloudflare 來代管 NameCheap 上購買的網域。
首先第一步我們先按照提示登入 NameCheap 帳號,進到後台控制介面,如果剛剛網頁還沒有關掉的同學應該可以直接接續操作。
接下來把畫面中這裡 NameServer 的地方刪除,並且用 Cloudflare 提供的 NameServer 來取代。取代完成後請點擊畫面上這個位置的小綠色勾勾,這個一定要點擊才會送出儲存,很多人這一步驟會因為那個勾勾太小了所以忘記點擊儲存。
回到 Cloudflare 畫面最下方,可以直接點擊「Check NameServer」的按鈕,讓 Cloudflare 這邊去檢查你的 NameCheap 那邊是否已經設定好授權代管。如果你點擊按鈕之後還顯示尚未設定,等待幾分鐘之後重新回到這個頁面上點擊最下方的「Re-check」按鈕直到成功就可以了。
下一步把 SSL/TLS 的加密設定調整成「Flexible」,並且調整下方的「Always Use HTTPS」變成啟動狀態。底下兩個 Auto Minify 以及 Brotli 的話也可以一並勾選啟動,但如果你是使用子網域來設定,Cloudflare 中還有綁定另一個網站的朋友,就建議這邊底下兩個選項不用勾選,以免影響到你原來的 WordPress 或其他網站。
最後點擊 Done ,就完成這邊的步驟了。從 Cloudflare 點進代管網站的資訊,若看到畫面上顯示綠色的勾勾,就代表目前 Cloudflare 已經成功代管你的 NameCheap 網域,未來除非要續約網域,否則應該不用再需要點開 NameCheap 平台做什麼設定了。
如果到這邊同學操作上有什麼問題,歡迎到 FB 專屬學員社團中截圖並描述你的情況,我們或其他同學會在社團中協助你。
畫面類型
畫面操作
畫面備註