先來一個預覽吧(原始頁面地址在這裏,自動建立的頁面在這裏)git
接下來分步驟介紹。github
以我本身的帳戶爲例,個人用戶名爲fengyhack因而根目錄爲github.com/fengyhackjsp
首先在本身的GitHub根目錄下新建一個fengyhack.github.io網站
格式是<UserName>.GitHub.iospa
而後打開這個Repository的設置頁面,以下圖.net
而後選擇【Automatic page generator】設計
接下來就按照本身喜歡的主題風格選擇一個,而後生成page,稍後你就能看到本身的成果了。blog
下面這張截圖是我本身建立的一個Page教程
這個頁面比較長,所以我只截取了頂部和底部的一部分,底部有一個自由段落是我自行編輯的,添加了一個超連接get
(就是鏈接到上面的HomePage頁面)
接下來就能夠根據此模板進行設計了。
這種方式比較簡單。
我還嘗試了另外一種方式,這裏也貼出來吧。
首先須要下載一個客戶端 GitHub for Windows(我以Windows平臺爲例說明),新建一個Repository,
而後設置本地存儲庫位置,假設爲E:/Studio/GitHub/HomePage
而後就能夠去網上下載一些網站模板進行編輯,或者本身使用Dreamweaver等軟件進行設計,
完成以後再發布到分支gh-pages(注意!!!)並同步。
等待一段時間以後(通常在10分鐘以上吧,差很少半個小時的樣子)就能看到這個網頁了
輸入地址https://fengyhack.github.io/HomePage就能夠看到效果了,正如文章開頭的預覽。
另外廣告一下我本身編輯的頁面http://www.fengyhack.icoc.cc/index.jsp
本文涉及到GitHub的使用,例如Repository、Publish、Commit、Sync等等,具體能夠參考相關教程。
本文原創,博文原始地址