如何快速建立漂亮的GitHub Pages

先來一個預覽吧(原始頁面地址在這裏,自動建立的頁面在這裏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等等,具體能夠參考相關教程。

本文原創,博文原始地址

http://blog.csdn.net/fengyhack/article/details/41148889

相關文章
相關標籤/搜索