[教學] Tumblr 自訂網址綁定自有域名

Tumblr 可以自訂網址,創作自有網站;由於被定位為輕網誌,所以在不需要篇幅過長的情況下,即可完成短文記事;也很適合用手機創作心情日記,或旅行紀事。

缺點的部份,由於在網頁及手機端目前還不支援中文界面,所以在使用上還不是那麼的好上手。

綁定域名時,只需在 DNS 代管平台的「CNAME」上建立一個想要的「裸域名」或「子域名」並指向 Tumblr 給的站點,即可完成綁定網址的動作。

本篇「Step1.」的部份,進行「裸域名」的網址綁定設置,「Step2.」的部份則以「子網域」的綁定方向來做設定,以下就是相關設置時的流程記錄。

[教學] Tumblr 自訂網址綁定自有域名_001



相關連結

Tumblr 官方網站「https://www.tumblr.com/



設置流程

  1. 裸域名對應
  2. 子域名對應

設定教學

Step 1

裸域名對應

在登入後進入到上方帶有【齒輪的設定圖示】,並【移動到 yourname】網誌,接點選畫面中的【編輯圖示】

[教學] Tumblr 自訂網址綁定自有域名_101



將「Use a custom domain」拉至【藍色】,在出現的框框中 [ 輸入自己的裸域名 ],並按下畫面中的【Test domain】

上面顯示並要求我們將「A 記綠」指向「66.6.44.4」

[教學] Tumblr 自訂網址綁定自有域名_102



接著,「瀏覽器」開一分頁,到「DNS 代管平台」將資料輸入並【儲存】

A 輸入「@」
Points to 輸入「66.6.44.4」


A(Host)       Points to

@             66.6.44.4



[教學] Tumblr 自訂網址綁定自有域名_103



回到設置畫面,再按下畫面中的【Test domain】,此時會出現「It's good!」,接著點擊【Save】就完成設置了

 ( * 由於 DNS 對接的關係,所以有可能需要 12 小時才會對應完成,所以沒有馬上成功是正常的!)

[教學] Tumblr 自訂網址綁定自有域名_104



 ( * 若完成以上設定,馬上開啟新視窗,「瀏覽器」的網址列輸入自己的域名,網頁如果出現 Tumblr 的錯誤頁面,代表設定成功了,因為 DNS 正在對接。 )

[教學] Tumblr 自訂網址綁定自有域名_105



Step 2

子域名對應

在登入後進入到上方帶有【齒輪的設定圖示】,並【移動到 yourname】網誌,接點選畫面中的【編輯圖示】

[教學] Tumblr 自訂網址綁定自有域名_201



將「Use a custom domain」拉至【藍色】,在出現的框框中 [ 輸入自己的子域名 ],並按下畫面中的【Test domain】

上面顯示 要求我將「CNAME 記綠」指向「domains.tumblr.com」

[教學] Tumblr 自訂網址綁定自有域名_202



接著,「瀏覽器」開一分頁,到「DNS 代管平台」將資料輸入並【儲存】

CNAME 輸入「tumblr」( 可以任意取一個)
Points to 輸入「domains.tumblr.com」


A(Host)       Points to

tumblr        domains.tumblr.com


[教學] Tumblr 自訂網址綁定自有域名_203



回到設置畫面,按下畫面中的【Test domain】,此時會出現「It's good!」,接著點擊【Save】就完成設置了

[教學] Tumblr 自訂網址綁定自有域名_204



( * 若完成以上設定,馬上開啟新視窗,「瀏覽器」的網址列輸入自己的域名,網頁若出現 Tumblr 的錯誤頁面,代表設定成功了,因為 DNS 正在對接。 )

[教學] Tumblr 自訂網址綁定自有域名_205



下圖是域名在完成對接後的情形,可以看到網址已成功對應至「tumblr.techcoke.com」了

[教學] Tumblr 自訂網址綁定自有域名_206



小結

DNS 在對應網址時,有時可能需要 24 小時,依不同的 DNS 代管的平台而定,若沒有馬上看到頁面的話,可以稍候一天再重新檢查!




相關文章

建立 Tumblr 帳號,註冊與申請流程

Tumblr 找免費板型,微調整


留言

繼續閱讀:

這個網誌中的熱門文章

[密技] Windows OneDrive Dropbox 移至 SD 卡,讓 SSD 使用壽命更長久

[外掛] Chrome 擴充:ColorPick Eyedropper 網頁色碼擷取器

[教學] Facebook APP ID 申請,建立應用程式取得 APP 密鑰

[教學] Twitter 手機簡訊、APP 兩步驟驗證設定

[教學] Google Compute Engine ( GCE ) 使用 PuTTY SSH 登入實例

Line 分享按鈕:文章分享語法相容網頁版、行動裝置、APP

[外掛] Chrome 擴充:Window Resizer 瀏覽器視窗大小調整比例

[教學] LINE 電腦版行動條碼登入設定

Blogger 文章底部自動加入版權宣告

[教學] Blogger 自訂網址綁定自有域名