一、背景讲解:
本篇文章主要介绍借助github配置好的博客平台(在此以我的博客[renoumu.github.io]为例)实现在线访问其他项目。Github Pages是一个由Github提供的用于托管项目主页或者微博的服务,如果你不是很了解也没关系,只要照着步骤完成设置,就可以实现这个逼格颇高的炫技了。(由于个人技术水平有限,某些地方可能写得不好,还请各位看官多多支持)
二、详细步骤:
第一步
登录github账号并创建一个远程仓库(此处命名为demo01),复制其ssh的url备用,也可以创建完成之后在获取。
第二步
进入demo仓库,选择 setting 设置选项卡,滚动到页面底部“GitHub Pages”部分,点击“choose a theme”,如图:
至此,一个具备远程访问功能的仓库就已经设置好了,可以通过网址进行访问了。在浏览器里输入网址:https://renoumu.github.io/demo/ 即可访问到这个仓库的首页。如下图:
里面显示的是默认文件,我们需要做的是用自己的文件去替换这些文件,让别人可以通过这个网址访问到我们想要展示的项目。
第三步
在本地随便哪个盘符都可以,创建一个文件夹(便于管理,以后要上传的文件都扔到这里)。如图:
点击后会弹出一下窗口。如图:
输入克隆命令(格式为:git clone + ssh的url
git clone git@github.com:renoumu/demo.git // (git@github.com:renoumu/demo.git)第一部分最后那张图的链接
命令执行完之后,本地文件夹GitDemo目录下会有一个远程仓库的克隆体demo了,demo里面有一个固定文件夹.git和一些默认文件,就是之前我们通过https://renoumu.github.io/demo/访问到的页面。
删除掉两个文件后,执行下面命令
1. git add * (把本地仓库的文件上传到缓存)
2. git commit -m 'demo' (把第一步上传到缓存的东西上传的本地仓库,其中的 'demo'是操作标识,内容随便填,方便用户查看)
3. git push origin master (把本地仓库的文件上传到远程仓库,上传东西到远程仓库,需要验证密码(注意,确保进入到克隆仓库demo路径下)
至此,我们已经更新了远程仓库了,现在仓库里面什么文件也没有了,使用网址https://renoumu.github.io/demo/他会显示404的页面。
第四步
把你项目的所有文件copy到demo这个文件夹里面,如图:
然后执行下面这些命令
1. git add * (把本地仓库的文件上传到缓存)
2. git commit -m 'demo' (把第一步上传到缓存的东西上传的本地仓库,其中的 'demo'是操作标识,内容随便填,方便用户查看)
3. git push origin master (把本地仓库的文件上传到远程仓库,上传东西到远程仓库,需要验证密码(注意,确保进入到克隆仓库demo路径下)
完成这一步之后,远程仓库的文件就已经完成更新了,可以通过网址来访问我们想要展示的项目了。
疑问:
执行第三步的删除旧文件与拷贝新文件能否合二为一,一步执行?
答:不可以。因为本地删除并不能影响到远程仓库,如果只是把本地的文件删除,然后直接把新文件复制进去,再更新远程仓库,则远程仓库那里除了新增的文件之外,旧文件依然存在。