一、创建新版本库

登陆github.com,找到如图所示的“＋”按钮。

你必须建立一个项目名称为username.github.io的项目，其中username是在Github上的用户名。 使用此种方式建立站点后，当你访问http://username.github.io/时，Github会解析用户username下的master分支下的项目源代码，生成静态网站，并将生成的index.html文件展示给你。

注意：版本库的名字必须是用户名.github.io。例如我的用户名是KitWong，如图所示。

其实，我们仅仅是需要一个服务器环境，让我们能够访问页面。因此，我们只需要在版本库中上传名字为index.html的文件，以此来作为资源访问的入口。

二、本地克隆版本库

填写好页面以后，你会进入到新的页面中去。这个版本库页面，因为是初创的，什么东西也没有，只有简单的一些提示：命令行提示，来告知你怎么用在终端初始化版本库。

按照代码提示，我们进入命令行。创建一个用来初始化的文件夹。
可以参考前一篇文章usage-of-git

不过，我们可以用git clone来。

1. 打开Git bash，在你需要保存项目的目录下git clone刚才建立的项目username.github.io。

     $ git clone https://github.com/username/username.github.io
     <!-- username是你的用户名-->
   

2. 使用下列命令，进入到项目根目录，建立一个index.html，提交文件。

     $ cd username.github.io
     $ echo "Hello World" > index.html  <!--创建一个index.html文件-->
     $ git add --all
     $ git commit -m "Initial commit"
     $ git push
     

   好了，这样站点就配置好了。第一次生成站点时，大概需要10左右延迟时间，后续修改提交后，会立即生效。访问http://username.github.io/即可。你只需要往里面添加js和css文件就可以了。