架站服務

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

賴瑞晟

賴瑞晟

— 5 min read

前一篇教大家如何在 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

Voicenotes，用語音做思想輸出，與文字輸出截然不同的體驗。

Voicenotes，用語音做思想輸出，與文字輸出截然不同的體驗。

在使用 Voicenotes 之前，我是個不習慣使用語音記錄事情的人，因為我總覺得用語音記錄之後要回頭去找相關訊息會變得很麻煩，他不像文字一樣可以很方便的用搜尋即可檢索。但遇到 Voicenotes 之後，使用語音做記錄成了我的日常，一來是它辨識中文語音的效果非常好，語音轉文字之後基本上不用修太多字詞，二來是我在外面行走的時候想到什麼東西就可以隨口記錄進去（不用當低頭族打字），Voicenotes 變成了一個比較碎片化的靈感集散地。 Voicenotes 這個產品是由 Buy Me a Coffee（BMC） 的創辦人夫婦所開發的，BMC 已經出來了 6 年還有持續在迭代，所以我對於 Voicenotes 這款產品也蠻有信心的，在它剛推出 iOS App 後，我試用的當晚便腦波一弱買了他們的終身方案。大家可以參考他們的 FAQ，裡面有提到他們對這款產品未來的想像（roadmap）。 ChatGPT 的出世打開了大家進入 AI 的大門，這一年多來越來越多產品利用各種語言模型來讓自己變得更加方便。Voicenotes 也是如此，他們採用了 GPT-4、Claude
擁有網域即可擁有免費企業電子郵件：Cloudflare + Gmail + Resend

擁有網域即可擁有免費企業電子郵件：Cloudflare + Gmail + Resend

在創業或做副業初期，通常支出能省則省，本文教你怎麼把電子郵件從user@gmail.com變成比較有識別性的類企業用電子郵件如user@yourcomapny.com。 這樣之後你就可以用比較有識別性的user@yourcompany.com來收發郵件啦！這可以讓你的個人服務或網站更加專業。 免費讓自己擁有企業電子郵件教學 本文共會使用到三個服務 * Gmail：Cloudflare 和 Resend 之間的橋樑，是靈魂 * Cloudflare：使用電子郵件路由（Email Routing）服務，收到信後將不同的郵件地址轉發到其他郵件服務如 Gmail。user@gmail.com -> user@yourcompany.com * Resend：透過 Resend 這個發送電子郵件服務的 API 來完成使用 user@yourcompany.com 發送電子郵件給其他使用者的功能。 前置作業 要開始這邊文章之前，最重要的是你要先擁有自己的網域且該網域要被 Cloudflare 託管，以及你想要變成企業電子郵件的個人郵件。