博客 / 詳情

返回

記錄一次githubpage+cloudflare+freenom的靜態博客部署

一、域名解析準備
1.這裏假設我在freenom註冊了一個 apitest.tk
2.登錄cloudflare,添加網站選擇free
3.填寫名稱服務器地址,第一張圖的兩個地址,填到第三張圖並保存。保存完了檢查一下哦!!!!
image.png
原作者地址👉https://segmentfault.com/u/yourena_c
image.png
image.png
二、github pages項目準備
1.編寫html靜態頁面,一定要是index.html
原作者地址👉https://segmentfault.com/u/yourena_c
2.創建github倉庫
①名稱一定是 xxx.github.io(這裏的xxx是你的用户名)
②類型一定是public公開倉庫
3.上傳你的index.html文件
4.編寫一個CANME文件,內容是你的域名地址 apitest.tk
image.png
image.png
5.進入倉庫setting,檢查這裏的填寫是否是你CNAME中的內容。
image.png
6.進入cloudflare,添加兩條記錄
原作者地址👉https://segmentfault.com/u/yourena_c
記錄①:添加一條A類型,名稱@,目標是你xxx.github.io的ip的記錄。
這裏你xxx.github.i地址的ip可以通過ip查詢和ip查詢2兩個方式獲得,最好都查一下選擇重複的一個ip。
記錄②: 添加一條CNAME類型,名稱www,目標是你xxx.github.io的記錄。
image.png
7.提交保存,並返回github倉庫setting->pages檢查,直到出現綠色通過!👇
image.png

user avatar laughingzhu 頭像 coderleo 頭像 susouth 頭像 pugongyingxiangyanghua 頭像 nihaojob 頭像 user_ze46ouik 頭像 codeoop 頭像 yihan123 頭像 user_kim 頭像 yaochujiadejianpan 頭像 banshee 頭像 opentiny 頭像
16 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.