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

淩亂°似流年 2022-08-07 15:53 153阅读 0赞

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

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

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

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

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

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

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

*  1、[Latestdot德国免费PHP空间无限容量和流量支持采集可绑域名][Latestdot_PHP]（不要放广告，放了广告容易被删号）
 *  2、[可反向绑定域名的稳定免费空间Zymic申请和使用教程][Zymic]（请挂上VP恩申请，可以绑定域名）
 *  3、[FreeWebHostingArea老牌1.5G无限流量免费PHP空间申请使用][FreeWebHostingArea_1.5G_PHP]（空间稳定，使用简单）

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

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

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

[![Github Pages注册账号][Github Pages]][Github Pages]

2、然后登录，点击右上角新建一个项目，如下图（点击放大）：

[![Github Pages创建一个项目][Github Pages 1]][Github Pages_Github Pages 1]

3、创建完成后，会给出来该项目的代码，如下图（点击放大）：

[![Github Pages项目代码][Github Pages 2]][Github Pages_Github Pages 2]

二、本地连接和管理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启动工具][Github Pages 3]][Github Pages 3]

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执行代码效果][Github Pages 4]][Github Pages 4]

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

cd ~/.ssh

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

[![Github Pages本地没有密钥][Github Pages 5]][Github Pages 5]

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

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

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

[![Github Pages要保存的位置][Github Pages 6]][Github Pages 6]

8、接下来还要输入密码，如下图：

[![Github Pages输入密码][Github Pages 7]][Github Pages 7]

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

[![Github Pages生成了密钥][Github Pages 8]][Github Pages 8]

三、添加SSH Keys成功连接Github

1、用记事本打开id\_rsa.pub，复制里面的东西，粘贴到Github项目的SSH Keys中，如下图（点击放大）：

[![Github Pages添加密钥文件][Github Pages 9]][Github Pages_Github Pages 9]

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

ssh -T git@github.com

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

[![Github Pages确认连接][Github Pages 10]][Github Pages 10]

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

[![Github Pages连接成功][Github Pages 11]][Github Pages 11]

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

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

[![Github Pages手动创建主页][Github Pages 12]][Github Pages 12]

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

[![Github Pages项目管理][Github Pages 13]][Github Pages 13]

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

[![Github Pages自动生成页面][Github Pages 14]][Github Pages 14]

4、接下来选择页面模板，如下图：

[![Github Pages选择页面模板][Github Pages 15]][Github Pages 15]

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安装模板系统][Github Pages 16]][Github Pages 16]

4、输入以下代码。

gem sources -l

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

[![Github Pages显示源码][Github Pages 17]][Github Pages 17]

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

gem install jekyll

7、如下图所示。

[![Github Pages安装jeky11][Github Pages_jeky11]][Github Pages_jeky11]

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

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

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

2、效果如下图：

[![Github Pages克隆项目文件][Github Pages 18]][Github Pages 18]

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

[![Github Pages本地文件][Github Pages 19]][Github Pages 19]

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

[![Github Pages管理图片文件][Github Pages 20]][Github Pages 20]

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

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

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

*  1、主页演示：http://freehao123.github.com/freehao123/
 *  2、图片外链演示：

[![github.com图片][github.com]][github.com]

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

七、Github Pages小结

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

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

3、如果你真的跟着我的操作一直走下来，那么你一定是一个爱折腾的人，不防试试这些开源空间：[GAE][]、[SAE][]、[sourceforge][]。

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

文章出自：[免费资源部落][Link 3] [http://www.freehao123.com/][Link 3]

[phpfog]: http://www.freehao123.com/cpanel-phpfog-wuhost/
[Link 1]: http://www.freehao123.com/category/freekongjian/
[Latestdot_PHP]: http://www.freehao123.com/latestdot/
[Zymic]: http://www.freehao123.com/zymic-yuming/
[FreeWebHostingArea_1.5G_PHP]: http://www.freehao123.com/freewebhostingarea-com/
[Github Pages]: http://img.freehao123.com/wp-content/uploads/2012/06/github_01.gif
[Github Pages 1]: http://img.freehao123.com/wp-content/uploads/2012/06/github_03-500x240.gif
[Github Pages_Github Pages 1]: http://img.freehao123.com/wp-content/uploads/2012/06/github_03.gif
[Github Pages 2]: http://img.freehao123.com/wp-content/uploads/2012/06/github_04-500x240.gif
[Github Pages_Github Pages 2]: http://img.freehao123.com/wp-content/uploads/2012/06/github_04.gif
[RailsInstaller]: http://www.freehao123.com/dl-railsinstaller/
[Github Pages 3]: http://img.freehao123.com/wp-content/uploads/2012/06/github_02.gif
[Github Pages 4]: http://img.freehao123.com/wp-content/uploads/2012/06/github_05.gif
[Github Pages 5]: http://img.freehao123.com/wp-content/uploads/2012/06/github_06.gif
[Github Pages 6]: http://img.freehao123.com/wp-content/uploads/2012/06/github_07.gif
[Github Pages 7]: http://img.freehao123.com/wp-content/uploads/2012/06/github_08.gif
[Github Pages 8]: http://img.freehao123.com/wp-content/uploads/2012/06/github_09.gif
[Github Pages 9]: http://img.freehao123.com/wp-content/uploads/2012/06/github_10-500x240.gif
[Github Pages_Github Pages 9]: http://img.freehao123.com/wp-content/uploads/2012/06/github_10.gif
[Github Pages 10]: http://img.freehao123.com/wp-content/uploads/2012/06/github_11.gif
[Github Pages 11]: http://img.freehao123.com/wp-content/uploads/2012/06/github_12.gif
[Github Pages 12]: http://img.freehao123.com/wp-content/uploads/2012/06/github_14.gif
[Github Pages 13]: http://img.freehao123.com/wp-content/uploads/2012/06/github_13.gif
[Github Pages 14]: http://img.freehao123.com/wp-content/uploads/2012/06/github_16.gif
[Github Pages 15]: http://img.freehao123.com/wp-content/uploads/2012/06/github_17.gif
[Github Pages 16]: http://img.freehao123.com/wp-content/uploads/2012/06/github_18.gif
[Github Pages 17]: http://img.freehao123.com/wp-content/uploads/2012/06/github_19.gif
[Github Pages_jeky11]: http://img.freehao123.com/wp-content/uploads/2012/06/github_20.gif
[Github Pages 18]: http://img.freehao123.com/wp-content/uploads/2012/06/github_21.gif
[Github Pages 19]: http://img.freehao123.com/wp-content/uploads/2012/06/github_22.gif
[Github Pages 20]: http://img.freehao123.com/wp-content/uploads/2012/06/github_23..gif
[github.com]: http://freehao123.github.com/freehao123/yanshi.jpg
[Link 2]: http://www.freehao123.com/tag/mianfeijingtai/
[GAE]: http://www.freehao123.com/gae-kongjian/
[SAE]: http://www.freehao123.com/sae-discuzx2-0/
[sourceforge]: http://www.freehao123.com/sourceforge-zhuanti/
[http_opoo.org_octopress]: http://opoo.org/octopress/
[Link 3]: http://www.freehao123.com/