經過Github Pages在線查看百度前端技術學院完成的任務成果

前言

我在百度前端技術學院作任務時，須要把任務提交到GitHub上，方便別人在線查看個人任務網頁。
我以前對GitHub不太瞭解，Google了一下GitHub入門教程，它們可能是對GitHub機制的介紹、git工具的下載和使用等。但我須要的是，當我在JSBin在線寫完html代碼後，把它保存爲一個本地html文件，我但願別人能經過網址直接查看個人成果。
所以這篇文章要解決的問題是把個人網頁文件放到網站上，讓別人能夠在線查看。如何解決？經過GitHub Pages服務。

正文

首先你須要註冊GitHub帳號，建立倉庫。（Google一下），這兩步快進，咱們介紹下面的重點：Github Pages服務。
Github Pages是一個託管頁面，生成網址，方便別人在線查看的服務。

先說明如下幾點：

1. 託管頁面的方式有兩種，分別爲用戶/組織站點和項目站點，當前狀況下比較適合項目站點託管方式。
2. 用項目站點的形式託管咱們的頁面，就不能把頁面放到master分支上。而用gh-pages分支。
3. 對使用Github Pages服務來講，分支名是固定的，必須叫gh-pages。因此咱們首先得建立分支gh-pages。
   NOTES;上述說明涉及的概念，好比分支等，可簡單Google瞭解下，本文不作說明。

---

好，開始動手！

第一步在你建立的repository頁面，點擊下圖的Branch分支

第二步在出現的面板中輸入gh-pages，它會查找該分支，若是沒有就建立。以下圖：

第三步建立gh-pages分支後，點擊進入該分支。此時的Branch應爲Branch:gh-pages,點擊Upload files

第四步拖拽你本地的html文件到面板上，並在下方Commit changes面板寫上你本次修改的描述。就是描述你增長了個什麼文件，爲何作這次更改。你能夠這樣寫「小薇學院任務一」。最後，點擊綠色按鈕Commit changes提交

最後回到該倉庫，切換到gh-pages分支。發如今這個分支上，咱們的項目源碼包含了剛纔拖拽上傳的html文件。其實在這個時候，咱們的我的網站其實就已經搭建好了，只不過咱們如今不知道網址是什麼。根據GitHub Pages的規範，這個網址是固定的。咱們來編輯網址。

注意： 網址命名規範：https://用戶名.github.io/項目名/文件名 例如https://panni.github.io/ife.baidu-task/task1-1.html

這時你就能夠把網址分享給別人，讓別人來看你的成果了！

---

參考資料：好奇貓-Github Pages服務、慕課-搬進GitHub