如何免費且快速的搭建個人網站
寫在開頭
這篇文章主要講如何擁有自己的專屬域名。你可以在屬於自己的網頁上展示你的github、微信、微博、QQ、Twitter、Email等資訊,但主要是展示自己的作品。
有了個人網站,可能就又多了一些學(zhuang)習(bi)的動力吧!
所以,擁有自己的網站,算是邁出了第一步!
域名怎麼來的
好吧~ 我的域名是這麼來的…
這裡我們先選擇第二個,BAT中的A。
輸入你想註冊的域名,查詢這個域名是否被別人註冊了。
Tips:
我的域名是goileo.top,為了演示註冊過程,顯示未註冊狀態,所以這裡以goileolee.top為例
這裡我選擇了一個 .top的域名。
什麼?
“我為什麼選.top字尾的?”
額…
這個問題就觸及到我的資產盲區了。
因為它是最“貴”的!!!
接下來,加入清單,結賬。
至此,這個域名就是你的了。
域名註冊成功後,需要進行實名認證。
不過你還得對它進行解析,這個我們下面詳細說。
這時的域名什麼都做不了,因為沒有伺服器,阿里的伺服器可不免費。所以接下來介紹GitHub Pages。
免費的伺服器 GitHub Pages
什麼是GitHub Pages?
GitHub Pages is a static site hosting service
這裡有官方的解釋 GitHub Pages - 傳送門
簡單說,它能提供給你1G空間的儲存,讓你放東西,然後還能請求到。是不是很6…
GitHub Pages也有一些限制條件,我們主要用GitHub Pages來做個人站點,所以一切OK。
接下來,登入github.com,點選右上方頭像旁的加號new repository。倉庫名字為固定格式:
你的名字.github.io
描述… 公開… 初始化README…
倉庫建立好了,這時你可以寫一個簡單的index.html檔案放到倉庫裡,然後在瀏覽器中輸入:你的名字.github.io/試試。
如:http://goileolee.github.io
有神奇的效果…
域名與GitHub Pages相繫結
解析域名:
新增一個記錄型別為CNAME,主機記錄為@,記錄值為github的倉庫路徑。
Tips:
記錄型別和主機記錄都有解釋,很好理解。
記錄值就是你希望請求域名跳轉到的路徑。
TTL值可以理解為快取時間,這裡是每10 分鐘重新整理一次域名的記錄值。
除錯可以設定小點,正常使用後記錄值不會輕易發生更改,可以將TTL值設定大一點。
看上圖,主機記錄決定了解析後的域名。如果需要實現帶或不帶www都能訪問到網址,則建議同時新增一個主機記錄為www的解析。
Tips:
這裡注意一下:因為買域名的同時會有一個企業郵箱,Aliyun會預設生成郵箱的解析記錄。
其中記錄型別有txt和mx的,會影響到CNAME型別的解析。
阿里攻城獅大佬講得很清楚了,所以刪除TXT和MX型別的解析就好了。
為倉庫(你的名字.github.io)新增CNAME檔案
在倉庫頁面點選Create new file,建立一個新檔案;
檔名為CNAME;
內容為剛剛申請的域名goileolee.top
Tips:
沒有www,表示解析到http://goileolee.top
請求流程為:
http://www.goileolee.top --> http://goileolee.github.io --> http://goileolee.top
至此,完成繫結!
寫在後頭
現在已經可以通過訪問自己的專屬域名來開啟指定網頁。
我們的目的是搭建個人網站,不過,網站如何設計得需要前段技術HTML、CSS、JS,這就觸及到我的知識盲區了。。哈哈,別急這裡提供兩種方式。
- 1、跳轉到已有的部落格
<script>
href="http://blog.csdn.net/u012487644";
</script>
- 2、運用GitHub上開源的框架
在GitHub上搜jekyll、hexo即可。