免費!利用 Github 搭建自己的網站

1. 擁有一個域名

這個步驟我就不詳述了,去各大網站上買一個就行,選一個對自己有意義的域名

2. 擁有一個 Github賬號

互聯網崇尚自由與分享。Github 是一個全世界程序員聚集的地方,大家相互分享自己寫的代碼,提升別人,也提升自己。大家都在為著開源社區努力著。因為我從開源項目中學到很多知識,所以我也非常願意分享我的所見所學所得,我的 Github 主頁:https://github.com/zhisheng17 (歡迎 follow 和對我的項目給個 star 或者 fork 我的項目一起來和我完善項目)

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

3. Github 上新建個人網站項目

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

免費!利用 Github 搭建自己的網站

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

規則就是:

YOUR-GITHUB-USERNAME.github.io

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

免費!利用 Github 搭建自己的網站

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

免費!利用 Github 搭建自己的網站

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

免費!利用 Github 搭建自己的網站

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

免費!利用 Github 搭建自己的網站

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

免費!利用 Github 搭建自己的網站

免費!利用 Github 搭建自己的網站

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

4. 上傳個人網頁到 Github

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

下面介紹詳細步驟。

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

免費!利用 Github 搭建自己的網站

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

免費!利用 Github 搭建自己的網站

免費!利用 Github 搭建自己的網站

通過 zhisheng17.github.io 查看效果:

免費!利用 Github 搭建自己的網站

5. 域名CNAME到個人網站項目

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

下面講述詳細步驟。

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

免費!利用 Github 搭建自己的網站

免費!利用 Github 搭建自己的網站

接著我們還要將我們的域名解析到這個個人網站項目上。因為我的域名是在騰訊雲上面買的,所以我打開騰訊雲域名管理頁面,進行相關的設置。

免費!利用 Github 搭建自己的網站

接著,點擊添加一條域名解析記錄,主機填寫www,代表你是一級域名來訪問,指向填寫YOUR-GITHUB-USERNAME.github.io,然後點擊保存按鈕。應該要等會,域名的解析時間可能不一樣,我的騰訊雲就是很慢的

免費!利用 Github 搭建自己的網站

6. 訪問你的域名

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

這裡只是入門了 GitHub 搭建個人網站的功能,GitHub 官方推薦 Jekyll 博客系統來發布自己的頁面。以後有數據更新,都可以通過 Jekyll 來重新編譯整個網站。(期待後續我的使用 Jekyll 博客系統發佈自己博客的文章吧)

免費!利用 Github 搭建自己的網站

7. 注意事項

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

  • 單個倉庫大小不超過1GB,上傳單個文件大小不能超過100MB,如果通過瀏覽器上傳不能超過25MB

  • 個人網站項目也不例外,最大空間1GB

  • 個人網站項目每個月訪問請求數不能超過10萬次,總流量不能超過100GB

  • 個人網站項目一小時創建數量不能超過10個

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


分享到:


相關文章: