博客 / 詳情

返回

GitHub Pages 站點建設

1、簡介

  • GitHub Pages 是通過 GitHub 託管和發佈的公共網頁,將純文本轉換為靜態博客網站。
  • 您可以使用 GitHub Pages 來展示一些開源項目、博客甚或分享您的簡歷,有內存限制,可以綁定個人域名。
  • 啓動和運行的最快方法是使用 Jekyll 主題選擇器加載預置主題。 然後,您可以修改 GitHub Pages 的內容和樣式。👉 文檔

2、創建倉庫

倉庫名: <username>.github.io
username 是GitHub的用户名

3、創建站點

repo 下創建 index.md文件,隨便寫點東西保存。然後,點擊 settings選項卡,單機左側 Pages進行設置,如下圖:

🔊 此時站點已經建成,可以訪問 https://<username>.github.io/ 查看,如果已經有個人域名了,也可以綁定個人域名,繼續往下看👇

4、倉庫文件目錄

5、綁定域名

我個人購買的一級域名是 i-xiao ,域名後綴是 space,專門給GitHub Pages 增加一個CNAME記錄(blog),解析二級域名,綁定 <username>github.io 域名。

5.1、域名相關知識

  • www:主機名,i-xiao : 域名主體(一級域名),.space : 域名後綴
    註冊一級域名的時候是需要付費的
  • 二級域名,是依附一級域名的存在而存在的,也就是説要是頂級域名消失了,二級域名也也會不復存在。反而來説,二級域名的網站不做了,主域名網站是不受影響的。
  • 一級域名、二級域名區別:
    DNS收錄一級域名更快;還有就是解析速度,下一跳路由就不説了,找到目的主機之後,二級域名層級更深,需要多一層計算(其實這是我瞎寫的🤣,猜測應該跟 nginx location匹配類似)

5.2、GitHub上配置自定義域名

進入 <username>github.io 倉庫,進入設置頁面,點擊左邊 Pages 選項卡,進行下面的配置。

6、配置域名映射

各記錄類型使用目的

記錄類型 使用目的
A 記錄 將域名指向一個 IP 地址(外網地址)。
CNAME 記錄 將域名指向另一個域名,再由另一個域名提供 IP 地址(外網地址)。
MX 記錄 設置郵箱,讓郵箱能收到郵件。
NS 記錄 將子域名交給其他 DNS 服務商解析。
AAAA 記錄 將域名指向一個 IPv6 地址。
SRV 記錄 用來標識某台服務器使用了某個服務,常見於微軟系統的目錄管理。
TXT 記錄 對域名進行標識和説明,絕大多數的 TXT 記錄是用來做 SPF 記錄(反垃圾郵件)。
隱、顯性 URL 記錄 將一個域名指向另外一個已經存在的站點。

如下圖

7、DNS檢測

8、查看Pages

成功解析之後,還存在DNS緩存,一般還需要再等待一會(一般十分鐘,或許更長時間)才能生效,如下圖成功顯示👇

最後

站點綁定的域名已經更換,訪問請到👉 這裏


🎈🎈🎈

🌹 持續更文,關注我,你會發現一個踏實努力的寶藏前端😊,讓我們一起學習,共同成長吧。

🎉 喜歡的小夥伴記得點贊關注收藏喲,回看不迷路 😉

🎁 歡迎大家評論交流, 蟹蟹😊

user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.