Github Pages(io) + 域名重定向 (手把手教你搭建個人網站)

olivermahout發表於2021-04-15

好歹也成為了在讀phd的人,擁有個人網站是個有排面有很必要的事兒~

在這裡利用Github Pages + 域名重定向,實現個人網站的光速搭建~

 

1.0 Github Repositories

首先你要有一個自己的Github

 

 

 

其次,建一個倉,名字就叫做:username.github.io

 

然後直接create!

第一步就結束啦!!

 

2.0 把網站放進去

網站的教學在這裡就不贅述了哈,簡單來說就是你可以把你想要展示的網頁,打包放入剛剛的.io的倉庫中。

其中,初始頁記得命名為index.html哈!

 

 比如在我這個裡面,index.html就是初始頁。這樣你開啟你的io後就會開啟這個頁面。

【網站模板的話我也順手推薦了吧,畢竟是手把手教你搭建:http://www.baisheng999.com/webtemplate/html/,直接從這個裡面下載你喜歡的模板,然後解壓放入剛剛的倉庫就好啦】

 

3.0 實驗你的Github io

登入你的username.github.io

現在應該就可以看到你的網頁啦!

(如果有看不到,去倉庫的設定中,找到pages setting,看一下這個設定的對不對:

 

 

4.0 買一個域名!

買一個!域名!

雖然是手把手教,但也不是白嫖好吧,這裡還是推薦買一個域名,畢竟也不是很貴

這裡推薦阿里雲的:https://wanwang.aliyun.com/domain/

建議註冊.top,國際通用且不貴,一般的都是9塊1年。如果錢包充足建議直接上個188的10年套餐,一勞永逸~~不過9塊1年買著玩玩頁未嘗不可~~~

 

5.0 域名解析設定

推薦用阿里雲,因為阿里雲比較方便嘿嘿,買完域名之後(可能要實名認證一下哈,可能要1個工作日)

 

 點進去你的服務,然後點你的域名,然後點解析設定;

增加兩條CNAME的解析:

 

 一個是主機記錄@,到username.github.io

一個是主機記錄www,到username.github.io

 

接下來去你的github!建立一個名字為CNAME的檔案【無字尾!!】

裡面的內容就是你剛剛購買的域名,比方說我買的是cctv.top,那麼這個CNAME檔案就寫:

cctv.top 

這一句話就夠了!

 

6.0 等待

漫長的等待,等待DNS解析。。。。

大約10min......

 

7.0 測試!

 

現在,試著輸入你剛剛買的域名,以及你的username.github.io,試著看看是不是完美了!

 

 

都是個人手打哈,有不會的可以留言討論~

 

相關文章