转载自：http://www.cnblogs.com/ztoz/p/5515475.html
这这开始之前，我希望你了解到下面三点：
（1）你要掌握基本的搭建网站的方法，jsp，html，css什么的，推荐一个我自学前端的网站：慕课网。
（2）你对GitHub有一定的了解，它不仅仅是一个用来做你的个人博客的东西。
（3）没有人是什么都懂的，希望你看过之后，能给我留言，提出意见和建议，非常感谢。
话不多说，马上开始
开始教程之前的准备工作：
1、需要你自己写的网页文件。
2、注册Github。
3、下载安装git。下载地址https://git-scm.com/downloads
教程开始：（以下出现的test指你的网页名或者你想起的一切名字）
步骤一：登录到Github上，新建一个repo，命名为test，勾选 initialize this repository with a README，点击create repository。
步骤二：打开settings，有一个Github Pages 的设置，点击Launch automatic page generator（启动自动页面生成器）。
步骤三：点击页面最后的continue to layouts，然后就可以进入设置你的页面主题，你会说这不是我的网页呀，别急嘛，先选择一个主题，点击 publish pages。
这个时候会出现你的网页的网址，也就是下图的 http://jiayili.github.io/test.复制打开这个网址，你看到了什么？
哇塞，这不是刚自己设置选择的主题页面吗？
好了，别激动了，真正让一个小白你发疯的阶段开始了，有了自己的网址，但页面显示的是什么鬼？
至此以上，github上要处理的操作告一段落，该上Git了！
步骤四 ：打开此电脑，选择一个盘，比如 f 盘，右键空白处点击 git bash here。
步骤五：输入如下命令，用来在 f 盘创建 test 文件放你的github上的test repository，克隆test repository到 test 文件中。
这个时候你的 f 盘，就会多一个 test 文件，打开它，
会看到一个 README.md 的文件，这个文件是从哪来的呢？追溯到gihub上，你会发现你有两个分支（branches），而 README 文件是来自 master 分支。
而我们需要编辑的是另一个分支——gh-pages，因为这个分支才能够真正定义github pages的内容和样式，也就是可以呈现你网页的地方。
步骤六：输入以下命令，为了在本地新建一个gh-pages分支，而这个分支是远程分支origin/gh-pages的镜像，也就是我们可以在本地的gh-pages看到github上的gh-pages的内容。
这个时候我们再打开 f 盘，发现变样了
刚才还是README呢，怎们现在成了3个文件了，这3个文件来自哪？
来自github 上的 gh-pages 分支下的文件。
打开f 盘中的 index.html，你会发现就是咱们一开始选择主题的页面。那我们将这个页面替换成自己coding的网页不就好了？
步骤七：执行如下命令，删除原有的gh-pages文件，并提交（commit）本次修改。
这个时候 f 盘没有文件。
步骤八：将自己的网页文件复制粘贴至 f 盘的 test 文件中
输入如下命令，为了本地gh-pages中的网页文件同步到远程的gh-pages中。
输入最后一行 git push origin gh-pages，按回车，等一会，会有弹出框让你输入你的 github 账号和密码。
ok之后耐心等待。
当出现像下图中的命令行之后，你已经完成了99%。
最后一步：打开浏览器输入给你的网址加上 test.html，然后重重的按下回车。
恭喜你，成功了！！！哦不，还差一步，不评论关注一下我？
想要我的博客的网站源码？留言了么？点赞了么？网站源码在我的GitHub主页，自己去拿吧https://github.com/woshidandan