Hexo + Github Pages:教你設定部落格的專屬網址,含網域購買教學

前一篇教大家如何在 Github Pages 上使用 Hexo 建立自己的個人部落格,現在要來教大家如何綁定自己的專屬網址啦!

延伸閱讀:Hexo + Github Pages:手把手教你打造免費個人部落格

如何擁有個人網域?

選擇網域註冊商

目前在販賣網域的網站有很多,比較多人在用的有GoDaddy,通常在網路上找個折扣碼的話第一年網址可以用 NT$39 左右的價格入手.com結尾的網址。但GoDaddy的缺點是如果要加購隱私權保護服務[1]的話,費用會增加為NT$340/年。而第二年網域再續約的時候會回歸原價,加起來會變成 NT$655/年。

所以我個人是選擇到Google Domains購買網域,跟Google買的話他會直接送你隱私權保護服務的功能,總費用的話是$12/年(約莫NT$370/年),如果打算長期使用的話會比GoDaddy來的划算。

Google Domain 購買教學

由於Google Domain目前不支援台灣,故在購買的時候需切換到美國地區。

首先是要搜尋你想要的網域有沒有被別人註冊走,這邊範例搜尋larrycool.com尚未有人購買,便可以點擊右方購物車按鈕將其加入購物車。
在 Google Domain 搜尋自己想要的網域
在 Google Domain 搜尋自己想要的網域

建議將隱私權保護服務啟用,關閉自動續約。
開啟隱私權保護服務
開啟隱私權保護服務

這邊可以填自己的真實的聯絡地址即可。
填寫自己的真實聯絡地址
填寫自己的真實聯絡地址

這個地方的地區就要選美國了,隨便到網路上找個郵遞區號填入即可。我在這邊是填入「91101」這個郵遞區號,是美國加州的帕薩迪納城市。
國家的部分要選擇美國
國家的部分要選擇美國

現在你成功地擁有自己的網址啦!

簡單五步驟,輕鬆設定個人網域

剛剛購買了屬於自己的網址,現在要來教大家如何把這串網址跟你的部落格做綁定。

步驟1:讓Github Page知道你的自訂網域

  1. 到 Github 專案的 setting 中
  2. 在 Custom domain 中新增自己的自訂網域,建議以 www 做開頭

    Github Custom domain

步驟2:將自訂網域導向Github Pages

  1. 到 Google Domain 中選擇你剛剛購買的網址
  2. 到 DNS 中的Custom resource records
  3. 因為網站是架在Github上面,所以我們要增加 4 條A紀錄( Github官方提供列表 ),將所有指向「自訂網域」的流量導向Github的伺服器
    • 185.199.111.153
    • 185.199.110.153
    • 185.199.109.153
    • 185.199.108.153
  4. 增加 CNAME 紀錄為你的網域新增別名,讓輸入reponame.github.io.網址的人也能導向你剛剛購買的網域

前方填入 www,後方填入 Github Pages 的專案名稱
填入 www.github專案名稱
填入 www.github專案名稱

步驟3:強力推薦開啟 https 選項

到專案的 setting 中的 custom domain 中點選 Enforce HTTPS

步驟4:到 Hexo 的 source 資料夾內新增CANME檔案,裡面寫上你剛剛購買的域名,避免在執行 hexo generate 產生新動態檔案的時候,覆蓋Github Pages setting 內的域名。

檔案內的設定如下(xxx替換成你剛剛購買的網域名稱)

www.xxx.com

步驟5:修改Hexo的網站配置文件

最後一步就是要來修改Hexo的網站配置文件了,打開config.yml檔案,找到url那行,更改程式碼如下:

url: http://www.xxx.com/
root: /

接下來試著將網誌用hexo deploy上傳到Github上面,再輸入你剛剛購買的網域www.xxx.com,就可以成功看到你的網誌啦!

就算之後別人輸入https://username.github.io/reop.github.io也會自動導向www.xxx.com囉!

結論

以上是 Hexo + Github Pages 的服務如何使用自訂網域的教學,如果有任何需要協助的地方都歡迎在下方留言,我會盡我所能幫助你。如果喜歡我的文章,歡迎訂閱的網站。

參考資料


  1. 如果沒有啟用隱私權保護服務的功能的話,你註冊網域時所填的資料都可以在WHOIS上面被公開查詢,選用有提供這項服務的網域註冊商還是比較安全的。 ↩︎

Read more

工作與生活之間的抉擇,自我探索中...

工作與生活之間的抉擇,自我探索中...

興趣能夠當飯吃嗎?工作可以變成興趣嗎?這一直是個大哉問,永遠可以拿來思辨的問題。 在 [[2024-10-10]] 聽了《曼報 Manny's Newsletter》的《EP83|心理摩擦力:不是你不好,是他不要》前面的閒聊在談論說 2 年前有讀者問曼尼「興趣和工作怎麼選擇」後,就對這件事有感而發。 由於自己從今年 6 月開始自己轉變爲自由工作者,跟在職場上班時的生活樣態比起來變得非常不一樣,就一直在思考工作和生活對於我的意義是什麼。 這四個月來我歷經了接案收入不如預期加上股市同期間崩跌、颱風假(第一次颱風假時心裡有點不平衡)、有人試著找我回職場上班(讓我更認真思考了現狀是不是我要的)等事件,總覺得自己好像有漸漸地找到了一個讓身心靈相對平衡的狀態。 興趣和工作,我該選哪個? 興趣可以當飯吃嗎? 以我的人生經驗來說,我認為興趣就是「你會想要主動鑽研的事情」。 當你能從某件事情中取得成就感,不論這個成就感的來源是金錢、他人稱讚、解決難題或是把清單完結等,你就會想要把這件事情持續鑽研下去。興趣就是一個這麼正向循環的存在。 所以興趣不見得能夠當飯吃,還是要取決於這個興趣有沒

Follow,不只是 RSS 閱讀器,還是目前做強大的訊息訂閱管理工具

Follow,不只是 RSS 閱讀器,還是目前做強大的訊息訂閱管理工具

不知道現在還有多少人在用 RSS 閱讀器?或是大家對於 RSS 的了解有多少? 在這個社群媒體「演算法」無所不在的年代中,RSS 閱讀器 (1) 如實的依照你的訂閱源(新聞媒體、Blog 等)發佈的所有文章按照時間順序做排序,不會因為今天我點了狗狗的貼文讚,隔天我就看到很多狗狗出現在我的動態牆上;(2) 它也不會像社群媒體一樣永遠滑不完,因為你所能看到的資訊總數跟你的訂閱源發佈的文章數量有關。 我覺得「突破同溫層」以及「數量有限」這兩個 RSS 閱讀器的優點讓我覺得非常難能可貴,這也是我持續一直在使用的問題。(在 Follow 出現前我是使用 Silvio Rizzi 開發的 Reeder Classic,也是一套非常棒的 RSS 閱讀器) 然而現在 RSS 閱讀器遇到一個很大的問題,就是很大多數的網站不再提供官方的 RSS 訂閱源,因為如果大家都透過 RSS 閱讀器瀏覽他們發佈的文章,

漢方保養品「肌本職」使用心得

漢方保養品「肌本職」使用心得

先說本篇文有一點點半葉配?因為「肌本職」這個品牌是我目前服務的客戶之一,但因為自己使用這個品牌覺得真的體驗蠻好的,加上使用了將近 2 個多月,最近跟前同事吃飯的時候他們看到我竟然說「你最近皮膚變好了耶!」雖然不確定皮膚變好是因為離開了之前壓力比較大的工作還是因為抹保養品,但我先把它當作後者的功勞吧!因為現在的工作型態也還是有壓力,所以想說可以來推薦「肌本職」這個保養品牌給大家。 初次看到肌本職的印象 第一次看到這個品牌的印象是用中草材當作保養品的基底好像蠻厲害的,尤其是產品是跟中醫師共同研發的,好像真的可以從「根本」來解決肌膚問題,因為中醫最有名的就是調理。 痘痘肌困擾選擇三黃精華 因為我自己長期有痘痘肌的困擾,所以我第一次入手的就是「三黃無酸煥膚精華」、「三黃無酸淨痘精華乳」,在這之前我都是買 Bffect 的保養品。 關於無酸類抹痘痘的保養品,依照我的認知就是可以早、晚都抹而已。使用了兩個月來,說真的早晚都有抹,痘痘感覺有好比較快,如果是比較淺的痘痘(還是粉刺?)的話通常隔天或兩天後就不見了,比想像中還厲害:但如果是深層的痘痘就真的要用比較久,也是有到現在還尚未完全好

MacOS 最好用的螢幕截圖工具 CleanShot X 簡介

MacOS 最好用的螢幕截圖工具 CleanShot X 簡介

我很喜歡 MacOS 的螢幕截圖功能,他的快捷鍵可以讓我選擇要截部分區塊、整個螢幕,或是錄影,但原生的截圖功能少了一個決定性的功能,那就是直接在截好的圖片上加上標記或是文字。 相信大家在用 LINE 的時候都會用他內建的螢幕截圖功能來幫助你增加溝通的效率,不管是直接貼在聊天軟體內或是做簡報的時候都很好用。 LINE的內建截圖功能如下所示,基本上我自己之前常用的功能就是「矩形拉框框 + 文字」幫助溝通的對象快速抓到圖片重點以及「馬賽克」將不能洩漏的重點資訊給模糊化。 其實輕量使用的話,LINE 截圖就十分夠用了,但之前在用 LINE 截圖的時候一直有一個痛點,那就是他截出來的圖片只能在 LINE 的聊天室裡面。所以如果我是為了做簡報,或是寫電子郵件的時候要截圖,就變成要切換到 KEEP 聊天室,用螢幕截圖功能,然後將訊息傳送出去後再複製。 對我來說這樣的工作流程實在是有點卡卡的,而且在原本的工作區域中必須刻意切換到 LINE 這個軟體,有時候反而會打斷自己原本的思緒。 於是我就嘗試找尋大家所推薦的螢幕截圖軟體,而發現到了 CleanShot X,我從 2022 年 8 月用