GitHub Pages 托管项目主页

一、背景讲解

本篇文章主要介绍借助github配置好的博客平台(在此以我的博客[bluekuken.github.io]为例）实现在线访问其他项目。Github Pages是一个由Github提供的用于托管项目主页或者微博的服务，如果你不是很了解也没关系，只要照着步骤完成设置，就可以实现这个逼格颇高的炫技了。(由于个人技术水平有限，某些地方可能写得不好，还请各位看官多多支持)

二、详细步骤

第一步

登录github账号并创建一个远程仓库（此处命名为bird），复制其ssh的url备用，也可以创建完成之后在获取。

第二步

进入bird仓库，选择 setting 设置选项卡，滚动到页面底部“GitHub Pages”部分，点击“Lanuch automatic page generator”，如图

第三步

进入到新页面，滚动到底部，选择“Continue to layouts”：

然后点击“Publish page”完成设置。

至此，一个具备远程访问功能的仓库就已经设置好了，可以通过网址进行访问了。在浏览器里输入网址：http://bluekuken.github.io/bird 即可访问到这个仓库的首页。

里面显示的是默认文件，我们需要做的是用自己的文件去替换这些文件，让别人可以通过这个网址访问到我们想要展示的项目。

第四步

本地创建映射仓库：在本地创建一个文件夹（我创建了名为kk的文件夹）用于承载远程仓库的克隆体。在文件夹kk里面打开github命令窗口，输入克隆命令（格式为：git clone + ssh的url）:git clone git@github.com:bluekuken/bird.git;

命令执行完之后，本地文件夹kk目录下会有一个远程仓库的克隆体，里面有一个固定文件夹.git和一些默认文件，就是之前我们通过http://bluekuken.github.io/bird访问到的页面。

第五步

删除克隆仓库里面除了.git文件夹以外的文件，上传我们自己的文件，这里需要分步进行，先完成删除环节，然后再进行上传环节。删除完克隆仓库的目标文件之后，在此路径下打开github命令窗口，执行以下命令：

1. ==git add *==
   把本地仓库的文件上传到缓存
2. ==git commit -m ‘del’==
   把第一步上传到缓存的东西上传的本地仓库，其中的 ’del’是操作标识，内容随便填，方便用户查看
3. ==git push origin gh-pages==
   把本地仓库的文件上传到远程仓库，上传东西到远程仓库，需要验证密码(注意，确保进入到克隆仓库bird路径下)。

至此，我们已经更新了远程仓库了，现在仓库里面什么文件也没有了，使用网址http://bluekuken.github.io/bird 已经访问不到了。

第六步

现在往本地仓库里面添加我们想要展示的文件。然后再一次执行上一步的三个命令：

1. ==git add *==
2. ==git commit -m ‘intinal’==
3. ==git push origin gh-pages==

完成这一步之后，远程仓库的文件就已经完成更新了，可以通过网址来访问我们想要展示的项目了。

疑问：

执行第五步的删除旧文件与拷贝新文件能否合二为一，一步执行？

答：不可以。因为本地删除并不能影响到远程仓库，如果只是把本地的文件删除，然后直接把新文件复制进去，再更新远程仓库，则远程仓库那里除了新增的文件之外，旧文件依然存在。