Re: 使用Github Pages服务建立个人博客

2013年11月9日星期六

Re: 使用Github Pages服务建立个人博客


GitHub 是一个用于使用Git版本控制系统的项目的基于互联网的存取服务,GitHub于2008年2月运行。在2010年6月,GitHub宣布它现在已经提供可1百万项目,可以说非常强大。

Github虽然是一个代码仓库,但是Github还免费为大家提供一个免费开源Github Pages空间,利用这个空间你可以搭建轻量级的博客系统,绑定自己的域名,存放一些图片和文件等等。

关于Github,其实我在介绍phpfog空间时以前我也接触过,不过那只是申请一个Git账号,并不知道Github还会提供免费空间可供使用。直接有好友留言(具体在哪篇文章我找了好久也没有找到)说可以试试Github Pages。

于是我这几天都在研究怎么用Github Pages搭建一个个人博客,可惜由于对代码和git命令不熟悉,磕磕碰碰,一直到现在才把Github Pages免费空间给熟悉了,故写个教程记下整个过程。

在网上搜索Github Pages免费空间使用教程,比较少,而且不全面,或者说不适合像我这样从未接触过Github的人,有几次的按照网上的教程来做都失败了,主要是好步骤不知道如何操作。

中途也想到过放弃Github Pages,因为这样一个“如此麻烦”的空间即使搞定估计用途也不大。但是有两个原因促使我认为有必要向大家介绍它:老牌开源的空间——稳定、不会随便删除用户数据——至少我这么认为、没有外链流量限制。

Github Pages空间申请和使用难度很高,不建议新手使用,刚接触免费空间的朋友建议你去试试:

免费开源Github Pages空间可绑域名搭建个人博客存放图片文件

一、申请Github Pages账号和创建项目

1、打开空间地址:https://github.com/,点击右上角的“sign UP”注册一个账号。

Github Pages注册账号

2、然后登录,点击右上角新建一个项目,如下图(点击放大):

Github Pages创建一个项目

3、创建完成后,会给出来该项目的代码,如下图(点击放大):

Github Pages项目代码

二、本地连接和管理Git项目

1、首先下载Git工具,这里为大家提供一个安装包RailsInstaller,里面已经包括了Rails 3.0.3 、Ruby 1.8.7、SQLite 3.7.3 、Git 1.7.3.1 、DevKit,这些工具都是你深入学习git所必备的。

Github Pages启动工具

2、在RailsInstaller中运行git bash,然后依次执行下列命令,配置你的git,代码如下:

  git config --global user.name "用户名"  git config --global user.email "邮箱"  git config --global credential.helper cache  git config --global credential.helper 'cache --timeout=3600'  

3、执行代码效果如下图:

Github Pages执行代码效果

4、创建一个SSH Keys,输入下列语句,看看本地有没有ssh keys。

  cd ~/.ssh  

5、显示如下图表示没有。

Github Pages本地没有密钥

6、接下来创建SSH Keys,执行下列代码。

      ssh-keygen -t rsa -C "邮箱"  

7、然后会要你选择保存的位置,直接回车即可,如下图:

Github Pages要保存的位置

8、接下来还要输入密码,如下图:

Github Pages输入密码

9、完成后,你就可以在你刚才保存的文件路径中看到一个id_rsa.pub文件了,公钥就在这里。

Github Pages生成了密钥

三、添加SSH Keys成功连接Github

1、用记事本打开id_rsa.pub,复制里面的东西,粘贴到Github项目的SSH Keys中,如下图(点击放大):

Github Pages添加密钥文件

2、输入以下代码,测试是否可以成功连接。

      ssh -T git@github.com  

3、第一次连接还要输入Yes,确认一下,如下图:

Github Pages确认连接

4、最后出现如下提示就表示连接成功了。

Github Pages连接成功

四、Github Pages搭建个人博客空间

1、在Github创建一个个人空间,有两种方法,一种纯代码手工创建。这里要涉及的专业知识就比较多了,有兴趣的朋友可以深入研究一下。如下图:

Github Pages手动创建主页

2、第二次方法就是,利用Github Pages自动生成网站页面。点击项目上主的“Admin”,如下图:

Github Pages项目管理

3、选择中间的“自动生成页面”,如下图:

Github Pages自动生成页面

4、接下来选择页面模板,如下图:

Github Pages选择页面模板

5、完成后,10分钟后就自动生成个人主页了。

五、Github Pages安装Jekyll模板系统

1、安装Jekyll是为了将Github Pages打造成为一个真正属于自己的个人博客,虽然说没有Wordpress强大的后台,而且写文章也会更为麻烦,但是作为个人博客使用,基本上可以满足要求。

2、执行以下代码

      gem sources --remove http://rubygems.org/  gem sources -a http://ruby.taobao.org/  

3、效果如下图:

Github Pages安装模板系统

4、输入以下代码。

      gem sources -l  

5、显示如图所示,表示执行正确了。

Github Pages显示源码

6、接下来直接安装Jekyll了。

    gem install jekyll

7、如下图所示。

Github Pages安装jeky11

六、管理Github Pages空间上的文件

1、首先是将Github Pages个人文件下载到本地,执行下列代码:

  git clone git@github.com:freehao123/freehao123.git  

2、效果如下图:

Github Pages克隆项目文件

3、这里你就可以在本地看到自己下载的文件夹,里面就是你空间的各种文件。如下图:

Github Pages本地文件

4、要将文件上传到Github Pages中,先将图片、文件放在这个文件夹当中,如下图:

Github Pages管理图片文件

5、然后依次执行以下语句就可完成。

      git add .  git commit -m 'commit messages'  git push origin gh-pages  

6、这里是Github Pages空间相关演示:

github.com图片

7、Github Pages是支持绑定域名的,但是它绑定域名的方法有点特殊,你需要在项目的根目录下新建一个名为CNAME的文件,文件内容就是你的域名,例如www.freehao123.com.

七、Github Pages小结

1、Github Pages空间是一个开源免费的空间,所以建议大家不要滥用,关于音乐、视频类的文件最好不要放在这个空间上。

2、严格来讲Github Pages是一个免费静态空间,动态的部分基本上要靠别的系统来完成。评论和写作等要依靠第三方的工具。

3、如果你真的跟着我的操作一直走下来,那么你一定是一个爱折腾的人,不防试试这些开源空间:GAESAEsourceforge

PS:20120725更新,本篇文章只浅显地涉及到Github Pages搭建个人博客的内容,想要了解更多的如何将Octopress博客发布到github pages和非github pages主机,例如sourceforge主机,推荐阅读opoo.org博主的图文教程:http://opoo.org/octopress/

文章出自:免费资源部落 http://www.freehao123.com/ 版权所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。 禁止全文转载。

0 评论 :