GitHub 托管项目主页

一、背景讲解：

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

二、详细步骤：

第一步

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

Mou icon

Mou icon

Mou icon

第二步

进入demo仓库，选择 setting 设置选项卡，滚动到页面底部“GitHub Pages”部分，点击“choose a theme”，如图:

Mou icon

Mou icon

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

Mou icon

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

第三步

在本地随便哪个盘符都可以，创建一个文件夹(便于管理，以后要上传的文件都扔到这里)。如图：

Mou icon

点击后会弹出一下窗口。如图：

Mou icon

输入克隆命令（格式为：git clone + ssh的url

git clone [email protected]:renoumu/demo.git   // ([email protected]:renoumu/demo.git)第一部分最后那张图的链接

Mou icon

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

Mou icon

删除掉两个文件后，执行下面命令

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

Mou icon

至此，我们已经更新了远程仓库了，现在仓库里面什么文件也没有了，使用网址https://renoumu.github.io/demo/他会显示404的页面。

Mou icon

第四步

把你项目的所有文件copy到demo这个文件夹里面，如图：

Mou icon

然后执行下面这些命令

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

Mou icon

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

Mou icon

Mou icon

疑问：

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

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