視訊教程觀看地址：http://study.163.com/course/courseMain.htm?courseId=1003879015
這節課，我們將會將我們的網站上傳到Github上，那麼什麼是GitHub？GitHub是一個用於託管和協作專案的網站。現在GitHub上有上百萬個專案，像JQuery，Swift和C++，Python等等，當然也少不了HTML和CSS的開原始碼。所以，學習和使用GitHub有很多好處。你可以用GitHub託管您的個人專案。你還可以在Github上找到各式各樣的開源專案，通過學習別人的程式碼來提高自己，你還可以為開源軟體做貢獻。那麼這節課我們只是簡單的介紹使用Github託管個人網站，這節課可能需要一定的Github基礎，所以，如果你想更全面的理解github或者理解這堂課的內容，你可以學習我們推出的另一門課程：Github全面詳解。
GitHub提供免費的網站託管服務是：GitHub Pages（GitHub Pages）。它支援前端檔案，因此HTML，CSS和JavaScript都可以。每個GitHub個人帳戶或組織都可以在上面建立網站。
所以，你可以使用您的GitHub賬戶來建立自己的個性化定製網站。
那麼，這節課，大家只需要跟著我操作，就可以將自己做的網站分享給你的同學，家人，朋友了。
我們首先開啟並登入Github，然後建立一個新的程式碼倉庫。
我們將我們的程式碼倉庫命名為www-oxox-work.github.io。它必須是你的使用者名稱否則不會工作。我們將新增一個簡短的描述：虛幻大學Github網站，我們會保持公開。我們不用README初始化它，最後單擊Create Repository：
所以，我們已經建立了Github專案，那麼接下來，我們將我們本地的網頁檔案上傳到Github上，所以，按下Windows鍵+R鍵，開啟命令列，來到我們的oxoxwork專案資料夾。這裡我用dir檢視當前目錄下的所有檔案：
你看，我們的檔案都在這個資料夾裡。實際上，GitHub頁面僅適用於前端網站，因此您將無法託管像Ruby on Rails或Python這些程式語言。此外，它還要求你的主頁面命名為index.html。那麼這裡，我們的檔案都滿足要求。
那麼對於cd dir這些命令列操作，如果你不清楚，也可以觀看我們推出的Windows命令列教程。
現在，我們將執行命令git init來初始化程式碼倉庫，如果這裡提示說git是一個未知命令，那麼，你需要安裝git for windows，你可以Google搜尋下載安裝即可。然後git status來檢查狀態。我們現在在主分支上，並且有這些檔案未被Github跟蹤。
所以我們輸入git add .，新增所有檔案，然後git commit –m “initial commit”，來初始提交：
最後，我們上傳到Github上：
現在，如果我們回到GitHub，然後點選重新整理，我們可以看到我們的所有檔案都在這裡：
這個時候，如果我在網址中輸入 www-oxox-work.github.io/，你會看到，我們的網站已經託管到github中了。如果你沒有完全看到它，那也是正常的。網站的頁面有時可能需要幾分鐘的時間才能建立。這個時候，你把這個網址發給任何人，他們都可以通過網際網路訪問到你的網站哦。
更多精彩內容盡在視訊中！
本文固定連結：http://www.oxox.work/web/html-css/upload-github/ | 虛幻大學
檢視原文：http://www.oxox.work/web/html-css/upload-github/