自己写的网页放在github里面
GitHub Pages 托管项目主页
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命令窗口,执行以下命令:
- ==git add *==
把本地仓库的文件上传到缓存 - ==git commit -m ‘del’==
把第一步上传到缓存的东西上传的本地仓库,其中的 ’del’是操作标识,内容随便填,方便用户查看 - ==git push origin gh-pages==
把本地仓库的文件上传到远程仓库,上传东西到远程仓库,需要验证密码(注意,确保进入到克隆仓库bird路径下)。
至此,我们已经更新了远程仓库了,现在仓库里面什么文件也没有了,使用网址http://bluekuken.github.io/bird 已经访问不到了。
第六步
现在往本地仓库里面添加我们想要展示的文件。然后再一次执行上一步的三个命令:
- ==git add *==
- ==git commit -m ‘intinal’==
- ==git push origin gh-pages==
完成这一步之后,远程仓库的文件就已经完成更新了,可以通过网址来访问我们想要展示的项目了。
疑问:
执行第五步的删除旧文件与拷贝新文件能否合二为一,一步执行?
答:不可以。因为本地删除并不能影响到远程仓库,如果只是把本地的文件删除,然后直接把新文件复制进去,再更新远程仓库,则远程仓库那里除了新增的文件之外,旧文件依然存在。