搭建 GitHub 我的博客

1 GitHub 搭建我的博客的方式

GitHub 是一个开源代码库及版本控制系统，它能够托管各类 git 库，号称程序员的 Facebook，影响力很是大。而 GitHub 里的 Pages 功能，就是用来为项目创建网站，使项目的展现可以简明易懂。咱们能够经过它来创建托管在 GitHub 上的静态网页。

(1) GitHub Pages + Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其余渲染引擎）解析文章，在几秒内，便可利用靓丽的主题生成静态网页。

Hexo 能够理解为是基于 NodeJS 制做的一个博客工具，不是咱们理解的一个开源的博客系统。其中的差异，有点意思。

Hexo 正常来讲，不须要部署到咱们的服务器上，咱们的服务器上保存的，实际上是基于在 Hexo 经过 Markdown 编写的文章，而后 Hexo 帮咱们生成静态的 HTML 页面，而后将生成的 HTML 上传到咱们的服务器。简而言之，Hexo 是个静态页面生成、上传的工具。

(2) GitHub Pages + Jekyll

Jekyll 是一个简单的免费的博客生成工具，相似 WordPress。可是和 WordPress 又有很大的不一样，缘由是 jekyll只是一个生成静态网页的工具，不须要数据库支持。可是能够配合第三方服务，例如 Disqus。最关键的是 Jekyll 能够免费部署在 GitHub 上，并且能够绑定本身的域名。

2 准备工做

步骤一： 在 GitHub 上找到本身喜欢的博客模板（模板 ），fork 到个人仓库。

步骤二： 在 settings 中 rename 为 zoeeying.github.io，zoeeying 是个人 GitHub 用户名。此时，经过地址 zoeeying.github.io 就能够访问个人博客了。可是如今博客里的内容都是 fork 过来的模板中的内容。

步骤三： 把项目 clone 下来。

3 环境搭建

(1) 下载安装 Ruby

经过官网下载安装，速度不要太慢，仍是找个百度云资源吧。傻瓜式 next 安装，记住，安装过程当中须要勾选一下添加到环境变量的选项。安装成功后，在命令行中输入 ruby -v 获得 Ruby 版本号，即表示安装成功。

(2) 下载安装 RubyGems

补充： 如何在当前目录打开 cmd 命令窗口？

在当前目录按住 shift 再右击鼠标，会看到右键菜单里有一个 “在此处打开命令窗口” 选项，点击便可。

在解压后的 RubyGems 文件夹中，打开命令窗口，执行命令：ruby setup.rb

(3) 用 RubyGems 安装 Jekyll

经过 gem install jekyll 命令安装 Jekyll。

国内安装太慢，须要修改一下 Ruby 源：

gem sources --remove
gem sources -a <http://gems.ruby-china.com/>
复制代码

(4) 开启服务

在 clone 下来的博客项目中，经过命令 jekyll serve --watch 开启服务。watch 为了监测文件夹内的变化，即修改后不须要从新启动 Jekyll，至关于热加载。

若是在开启服务的时候报 jekyll-paginate 没有找到的错误，解决方法以下：

步骤一： 执行命令 gem install "jekyll-paginate" 安装 jekyll-paginate 插件

步骤二： 在 _config.yml 中增长：plugins: [jekyll-paginate]

4 提交代码到 GitHub

步骤一： 经过 git clone 命令将代码 clone 到本地

步骤二： 修改或者添加文件后，使用 git add . 命令将文件 add 到本地缓冲区

步骤三： 经过 git commit -m "some info" 命令将文件提交到本地仓库

步骤四： 经过 git push origin master 命令 push 到 GitHub 仓库中