Hexo專案部署在Github上並配置域名

老登AI發表於2024-03-20

Hexo專案部署到Github上後如何配置自己的域名?以及域名怎麼配置DNS解析到Github上?配置過程中有哪些需要細節需要多注意?話不多說直接上乾貨!

目錄
  • 一、Hexo專案部署到Github
  • 二、解析域名到GitHub Pages
    • 1:首先購買或註冊一個域名
    • 2:解析域名到Github
  • 三、配置Hexo專案
  • 四、配置Github Pages

原文連結:Hexo 專案在 Github 上配置域名

一、Hexo專案部署到Github

首先要確保你的hexo專案已經部署到github上,如果不知道hexo專案如何部署到github上,請看另一篇文章↓

Hexo+Butterfly 主題 + Github 搭建部落格

如果你的hexo專案已經搭建好,可直接跳轉到目錄五,看部署到Github的步驟。

二、解析域名到GitHub Pages

1:首先購買或註冊一個域名

購買域名的渠道有很多,可以國內,也可以國外,本人是在國外的Namecheap平臺上買的(好處是管理比較方便,不用備案啥的了...),具體購買步驟可以看另一篇文章↓

如何在 Namecheap 上購買域名

2:解析域名到Github

首先登入你域名註冊商的控制皮膚,這裡以Namecheap為例

開啟控制皮膚

image-20240319002803003

接著開啟DNS配置頁面

image-20240319002924980

接著新增以下幾條解析

image-20240319004434777

上面幾條IP地址是從Github官網上得來的,具體可以檢視這個地址Managing a custom domain for your GitHub Pages site - GitHub Docs

至此,域名註冊服務商上的github pages域名解析我們就完成了!

三、配置Hexo專案

在你的hexo專案的source資料夾裡新增一個CNAME檔案(不帶任何字尾的檔案)

image-20240319004806404

裡面的內容是你的域名

image-20240319004719353

然後開啟我們hexo專案的配置檔案 _config.yml ,找到url配置項,替換成我們的域名就可以了

image-20240319010130384

四、配置Github Pages

開啟我們的hexo專案在github上的倉庫,進入設定頁面

image-20240319005047573

找到Pages選項,填上我們的域名,勾選上強制開啟HTTPS

image-20240319005718608

等DNS檢查透過,稍微等一會,就可以用域名開啟我們的Hexo部署在Github上的專案啦!

相關文章