用GitHub来展示前端页面

⽤GitHub来展⽰前端页⾯
github是⼀个很好的代码管理与协同开发平台，在程序界⼜被称为最⼤的“同性交友⽹站”。

如果你不懂git，没有⾃⼰的github账户，那你就丢失了⼀把能够很好的展⽰⾃我，储存知识的利器。

当然知道github的⼈不在少数，但是⼤部分⼈可能仅知道它可以⽤于管理我们的项⽬代码，⽽不知道其还可以⽤于展⽰我们前端的静态页⾯。

⽐如：
了解github的⼈都知道上⽅的地址指向的是⼀个github项⽬⽬录，同时你可能还会发现这样的⼀个地址：
上⽅的地址就是对应demo项⽬的展⽰页⾯了。

步骤
其实利⽤github来展⽰前端静态页⾯的例⼦很多，⽐如各种插件、框架的demo演⽰地址都会这样做，那么下⾯我们就来实际操作⼀下，体验⼀把展⽰⾃⼰前端项⽬成果的乐趣。

1.安装git
如果你是mac⽤户，那么恭喜你mac⾃带git命令功能，你⽆须安装git。

如果你是windows⽤户，你可以前往windows地址下载并安装。

2.建⽴仓库
在你的github主页，我们可以点击右上⾓的加号按钮下的“New repository”来新建⼀个项⽬仓库，如图所⽰：
点击之后我们给仓库取⼀个名字并进⾏相应的描述和配置后点击“Create repository”就ok了。

3.上传代码
仓库建⽴完毕后，这时候就需要⽤我们之前安装的git命令来将本地的代码推送到github上了。

如果你仅为了展⽰⾃⼰的前端页⾯，那么只要掌握如下命令即可(不熟悉git命令的可以参考git - 简易指南)：
(1)打开你的⽬录
1. cd demo
(2)初始化版本库，⽤于⽣成.git⽂件
1. git init
(3)将所有⽂件添加到缓存区
1. git add *
(4)提交当前⼯作空间的修改内容
1. git commit -m "first commit"
(5)将仓库连接到远程服务器
1. git remote add origin <server>
(6)将改动推送到所添加的服务器上
1. git push -u origin master
上⽅server中的地址在github上创建仓库后可以找到，如下：
4.创建gh-pages分⽀
之前的⼯作只是将我们的代码发布到了github上demo仓库的master分⽀上，当然你也可以不发布，⽽我们的展⽰页⾯代码必须发布到名
为“gh-pages”的分⽀上。

⽅法很简单，我们只需要在github的demo项⽬页⾯⼿动创建gh-pages分⽀即可。

如图：
输⼊gh-pages后创建即可，这样的⽅式会直接拷贝master分⽀的所有⽂件到gh-pages分⽀，⽽你也可以⽤命令⾏的形式创建并重新上传⼀份新的代码：
(1)新建并切换到gh-pages分⽀
1. git checkout --orphan gh-pages
(2)之后的操作和之前⼀样，只是push的时候是gh-pages
1. git add *
2. git commit -m "update"
3. git push -u origin gh-pages
如此，我们的demo项⽬就多了⼀个gh-pages分⽀，⾥⾯的代码⽂件就可以⽤来展⽰页⾯了。

5.访问页⾯
创建并上传⽂件⾄gh-pages之后，我们就可以访问如下url来查看⾃⼰的demo了：
1. http://(user_name|org_name).github.io/repo_name
这样我们便实现了利⽤github来展⽰前端静态页⾯的⽬标。