Google Blogger 網誌綁定 Domain Name 第三方域名 3 重點教學

雖然臉書和網紅(Youtuber)的出現改變了許多人記錄文字的習慣,不過建立一個網誌(又稱 Blog 部落格)還是目前能在自己的私人小空間撰寫心情或日記的最好方法。

撇開自架網站(例如:WordPress)這種大工程不談,網路上已經有許多免費的空間資源可以利用。當中的佼佼者,我最推薦的免費網誌系統是全球最大搜尋引擎 Google 提供的「Blogger/Blogspot」,無論是低廉的建站成本或是高自由度等特點上都非常優秀。

如果你打算申請 Blogger 網誌帳號,又想使用自己喜歡的網域名稱(又稱網址,Domain Name),請參考下面介紹的設定(綁定、指向) 第三方域名(Third Domain Name )的技術教學。

Blogger/Blogspot 設定第三方網域名稱的3大重點

一、建立新網誌

用瀏覽器開啟「Blogger/Blogspot」官方網站,建立新網誌。

請參考下圖,建立新網誌時需要填寫標題和地址,地址為單一詞彙,將成為「blogspot.com(相等於 blogger.com)」的子域名,可使用「-」符號。

使用 Blogger 得先依照他們的規定設定子域名,之後才能在後台系統中設定(綁定、指向) 第三方域名。

Create New Blogger Account

建立新網誌

一般來說如果不想花錢購買自己的專屬域名(例如:mountos.com),只是單純撰寫日記和心情,直接採用「YourName.blogger.com」作為網域名稱也是可以。要是你打算推廣自己的網誌,我還是建議找一個容易記誦、相關性高的網域名稱。一個網域名稱便宜的一年只要300元左右,值得你花小錢投資。

網域名稱的選購,我推薦「GoDaddy」或「NameCheap」這兩家國際知名域名供應商;尤其 GoDaddy 提供新產品「優惠碼」可以便宜購買。

二、Blogger 後台基本設定下的第三方域名

請參考下圖所示,在進入 Blogger 後台的設定頁面下,找到「基本」裡的「發佈」區域,點開網誌網址中的「為您的網誌設定第三方網址」按鈕,就能將你自行註冊的網址指向這個 Blogger 網誌。

Third Domain Name in Dashboard Setting

第三方域名設定

⚠️注意:Blogger 不支援裸名網域(例如 yourdomain.com) ,需採用頂層網域(例如 www.yourdomain.com)或子網域(blog.yourdomain.com)的網域規範。同時,在上圖會出現「將yourdomain.com 重新導向到 www.yourdomain.com。」選項,可勾選以集中管理網域路徑。

三、網站域名管理的 DNS 設定

回到 Blogger 後台的設定頁面,在「基本」裡的「發佈」區域中,找到「網誌網址」後方的「編輯」連結後進行點擊後,就會出現如下圖所示的設定資訊,需要填入你自行註冊的網域名稱(需加上 www 或子域名)。

⚠️注意,一開始先填入「第三方網域設定」後需要先儲存一次,之後再一次點擊「網誌網址」後方的「編輯」連結,才會出現詳細的「網域名稱系統(DNS)設定」資料。

Third Domain Name DNS Setting

第三方網域設定的 DNS 資料

接著,開啟你註冊網域時的域名供應商(例如:GoDaddyNameCheap)的系統後台,在 DNS 管理區域(HOST RECORDS)依序填入下列資訊(如果內容為xxxxxxxx表示需填入系統提供的設定資料):

紀錄(RECORD) 名稱、標籤或主機欄位(HOST) 目標網址、目標或指向欄位(IP Address)
CNAME www ghs.google.com
xxxxxxxx xxxxxxxx.dv.googlehosted.com
A @ 216.239.32.21
@ 216.239.34.21
@ 216.239.36.21
@ 216.239.38.21

其中 CNAME紀錄欄位是用來將你的網域名稱指向 Blogger 網誌;A 紀錄欄位則是將非 WWW 網域名稱指向 WWW 頂層網域(或子網域)名稱,換言之如果你不打算將 non-www 導入 www 網域,可以不用寫入此區。

Blogger 新功能:HTTPS 加密連線服務

順帶一提,在完成第三方域名的設定(綁定、指向)後,可以在同一個頁面往下看,你會發現系統提供的「HTTPS 加密連線」服務。我建議一定要啟用此服務。

先將「HTTPS 可用性」設定為「是」後,稍微等待一段系統處理時間,才能再將「HTTPS 重新導向」設定為「是」。

延伸閱讀/推薦附錄

  1. 網頁教學: Blogger/Blogspot 版面設計與技術收錄 01
  2. 網頁教學: Blogger/Blogspot 版面設計與技術收錄 02
  3. 網頁教學: Blogger/Blogspot 版面設計與技術收錄 03
  4. 網頁教學: Blogger/Blogspot 版面設計與技術收錄 04

工具人

做你的外套 擁抱著卻不被擁抱 聽到你對他的撒嬌 可笑的是我沒資格計較(誤)!工具人是科技人,不是愛的僕人喔(是在傲嬌什麼)。

您可能也會喜歡…

發表意見

%d 位部落客按了讚: