利用GitHub搭建個人網站

最近在找實習,需要寫一份含有豐富內容的簡歷,但是簡歷最多隻能寫兩頁紙。再多的話就會讓面試官煩了,找不到重點。如果還想向面試官展示更多的個人能力,經驗,經歷,在簡歷上放上自己的個人網站鏈接無疑是一種比較好的方式。面試官想了解更多的話,打開鏈接就知道你的知識的深度和廣度了,能爲面試加分不少。

想搭建一個個人網站,首先需要有一個域名,別人能夠訪問,其次還要有一個空間來存放你的頁面。

  • 域名 
    域名可以在萬網,新網,GoDaddy上註冊。萬網和新網是國內的域名註冊服務提供商,價格較便宜,但是需要通過國內的域名備案,備案審覈速度略慢,還要上傳證件之類的,束縛太多,不夠自由。而且只接受指定域名後綴備案,比如說.com.,.cn,.com.cn。如果需要在國內開展業務的話,還是老老實實備案註冊,免得到時候被限制訪問。但是搭建一個個人網站的話,沒有必要搞的這麼複雜,直接在GoDaddy上購買一個域名即可。
  • 空間 
    空間有免費空間,也有收費空間。免費的不夠穩定,收費的太貴,終究是不爽。有沒有又免費又穩定的空間呢?還真有,GitHub。GitHub允許上傳個人網站項目並自定義域名,而且又有穩定的服務,實在是上上之選。

下面就跟着我一步一步來利用GitHub搭建個人網站吧↓↓↓↓↓

第一步 擁有一個域名

首先需要擁有一個自己的域名,下面以GoDaddy爲例,講述如何購買一個個人域名。 
打開GoDaddy中文官網 https://sg.godaddy.com/zh/

登錄

登錄這個網站,如果沒有賬號,先創建賬戶,然後登錄。

搜索你想要的域名。

域名

我買的域名是這個:http://www.ganecheng.site/ ,7元人民幣。自己玩一下,沒有必要買那麼好的域名。

付款

付款的時候選擇國內更接地氣的支付寶即可。

支付寶

付款成功三分鐘左右,域名準備工作就全部做好了。可以對域名進行管理了。現在先不設置,放在後面的步驟進行設置。

域名管理頁面

第二步 擁有一個GitHub賬號

互聯網崇尚自由與分享。GitHub是一個全世界程序員聚集起來的地方,大家互相分享自己的代碼,提升別人,也提升自我。大家都在爲着開源社區努力着。因爲我從開源項目中學到很多知識,所以我也非常願意分享我的所見所得所學。我的GitHub主頁是:https://github.com/ganecheng

如果沒有GitHub賬號就先去註冊一個吧,有的話,直接登錄即可,後面的操作都要用到GitHub。

第三步 GitHub上新建個人網站項目

重頭戲來了。

新建一個倉庫

登錄GitHub之後,在頁面右上角點擊+加號按鈕,點擊New repository。 
新建倉庫

由於我們是新建一個個人網站項目,所有倉庫的名稱需要安裝GitHub個人網站項目的規定來寫。 
規則就是:

YOUR-GITHUB-USERNAME.github.io

比如我的GitHub用戶名是ganecheng,那我就要填寫ganecheng.github.io。然後選擇公開模式,接着點擊創建倉庫按鈕。

新建倉庫

創建成功之後,進入了項目主頁面。點擊設置按鈕。

個人網站項目主頁

進入之後,滾動頁面到下方。點擊頁面自動生成器按鈕。

生成項目主頁

點擊右下方繼續去佈局按鈕。

生成項目主頁

選擇一個模板,點擊發布頁面按鈕。

發佈頁面

這個時候,你就可以通過YOUR-GITHUB-USERNAME.github.io來訪問此頁面了。

第四步 上傳個人網頁到GitHub

自動生成頁面,肯定不符合我們的要求,我們希望能夠自己設計自己的個人網站。我們可以自己編寫一個網頁文件,命名爲index.html。然後上傳到GitHub個人網站項目上。這裏爲了節約時間,可以先下載我的個人網站項目代碼,然後修改爲你的網頁上傳到GitHub。

下面介紹詳細步驟。

進入此項目https://github.com/ganecheng/ganecheng.github.io,然後下載源碼。解壓之後,拿到裏面的index.html文件。

這裏寫圖片描述

然後進入自己的個人網站項目主頁YOUR-GITHUB-USERNAME/YOUR-GITHUB-USERNAME.github.io。點擊上傳文件按鈕,進入上傳文件頁面,將index.html文件拖入藍色大圈圈區域,點擊提交按鈕即可提交成功。此時打開網址YOUR-GITHUB-USERNAME.github.io就可以看到主頁已經改變爲我們自己的網頁了。

這裏寫圖片描述

這裏寫圖片描述

第五步 域名CNAME到個人網站項目

網頁上傳成功了,我們不想一直通過YOUR-GITHUB-USERNAME.github.io來訪問我們的個人網站,而是希望通過自己的域名來訪問。

下面講述詳細步驟。

點擊我們的個人網站項目設置選項卡,滾動到下面,就會發現一個自定義域名卡片。輸入我們前面在GoDaddy上買的域名,然後點擊保存。

自定義域名

接着我們還要將我們的域名解析到這個個人網站項目上。打開GoDaddy域名管理頁面。點擊右上角設置圖標,點擊管理DNS按鈕。進入到DNS管理頁面。

域名解析

接着,點擊添加一條域名解析記錄,之前GoDaddy自動添加的沒用的解析可以全部刪掉,主機填寫www,代表你是一級域名來訪問,指向填寫YOUR-GITHUB-USERNAME.github.io,然後點擊保存按鈕。稍等片刻,域名解析就會生效。

這裏寫圖片描述

第六步 訪問你的域名

所有這些步驟做完之後,在瀏覽器裏輸入自己的域名,回車鍵一按,就會返回我們剛剛上傳到GitHub的index.html頁面了。

這裏只是入門了GitHub搭建個人網站的功能,GitHub官方推薦Jekyll博客系統來發布自己的頁面。以後有數據更新,都可以通過Jekyll來重新編譯整個網站。

GitHub個人網站

注意事項:

儘管GitHub個人網站項目是免費的,但是卻有一些限制。總體來說,完全夠用,甚至太多了。

  • 單個倉庫大小不超過1GB,上傳單個文件大小不能超過100MB,如果通過瀏覽器上傳不能超過25MB
  • 個人網站項目也不例外,最大空間1GB
  • 個人網站項目每個月訪問請求數不能超過10萬次,總流量不能超過100GB
  • 個人網站項目一小時創建數量不能超過10個

當然了,這些政策可能隨時改變,可以通過此網頁查看最新政策。 
https://help.github.com/articles/what-is-github-pages/#recommended-limits

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章