1. 程式人生 > >如何免費且快速的搭建個人網站

如何免費且快速的搭建個人網站

寫在開頭

這篇文章主要講如何擁有自己的專屬域名。你可以在屬於自己的網頁上展示你的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 Usage limits

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即可。