如何在github上搭建自己的个性blog——Windows版

初衷

本文适用于跟我一样的前端小白，却又想搭建一个属于自己的博客站点玩玩，可以自己DIY样式，构建属于自己的网站，但又不想花费太多精力维护。在搭建博客之前我也百度找了很多教程，网上的教程五花八门，但对于想完整的从无到有，让一个前端小白，从零开始搭建一个自己看着觉得样式还不错的博客站点，这样的文章比较少。本人写下此文仅记录自己用Github Pages 搭建博客的过程，及帮助后面的朋友们少绕点弯路。其中有些大师写的教程比较好，这里就直接引用了。

本文适用人群

有git基础 & 前端小白
本文的针对的是有git基础的人群，如果不懂git,可以参考git教程,该教程讲解得十分详细了，我就不赘述了。

流程一览

Jekyll在Github Pages上搭建一个简易blog

本文是用Jekyll在Github Pages 部署博客，首先介绍Jekyll。Jekyll是一个静态网站生成工具。它允许用户使用HTML、Markdown或Textile来建立静态页面，然后通过模板引擎Liquid（Liquid Templating Engine）来运行.
通过阮一峰老师的例子可以学会如何在git上搭建一个自己的blog.
http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html
最后的效果如图所示：

这样一个简易的独立博客就完成了，但其样式太过于简陋了，为了进一步完善，我们可以借鉴别人的blog模板，但是既然是借鉴别人的模板，我们还是需要修改其中内容以适应自己的需求，这就需要本地预览调试，下面介绍Windows 上安装 Jekyll，并启动预览。

搭建Jekyll的本地预览调试环境

共分为以下几个重要步骤

1.安装 Ruby

前往 http://rubyinstaller.org/downloads/

在 RubyInstallers 部分，选择某个版本点击下载。
例如， Ruby 2.0.0-p451 (x64) 是适于64位 Windows 机器上的 Ruby 2.0.0 x64 安装包。

通过安装包安装

最好保持默认的路径 C:\Ruby200-x64， 因为安装包明确提出 “请不要使用带有空格的文件夹 (如： Program Files)”。
勾选 “Add Ruby executables to your PATH”，这样执行程序会被自动添加至 PATH 而避免不必要的头疼。
Windows Ruby 安装包

打开一个命令提示行并输入以下命令来检测 Ruby 是否成功安装。

ruby -v

输出示例：

ruby 2.0.0p451 (2014-02-24) [x64-mingw32]

2.安装 DevKit

DevKit 是一个在 Windows 上帮助简化安装及使用 Ruby C/C++ 扩展如 RDiscount 和 RedCloth 的工具箱。 详细的安装指南可以在程序的wiki 页面 阅读。

再次前往 http://rubyinstaller.org/downloads/

下载同系统及 Ruby 版本相对应的 DevKit 安装包。 例如，DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe 适用于64位 Windows 系统上的 Ruby 2.0.0 x64。

下面列出了如何选择正确的 DevKit 版本：

Ruby 1.8.6 to 1.9.3: DevKit tdm-32-4.5.2
Ruby 2.0.0: DevKit mingw64-32-4.7.2
Ruby 2.0.0 x64: DevKit mingw64-64-4.7.2

运行安装包并解压缩至某文件夹，如 C:\DevKit

通过初始化来创建 config.yml 文件。在命令行窗口内，输入下列命令：

cd “C:\DevKit”
ruby dk.rb init
notepad config.yml

在打开的记事本窗口中，于末尾添加新的一行 - C:\Ruby200-x64，保存文件并退出。

回到命令行窗口内，审查（非必须）并安装。

ruby dk.rb review
ruby dk.rb install

3.安装 Jekyll

1）.确保 gem 已经正确安装

gem -v

输出示例：

2.0.14

2）.安装 Jekyll gem

gem install jekyll

4.启动 Jekyll

按照官方的 Jekyll 快速开始手册的步骤，或是前面所述的http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html的教程， 一个新的 Jekyll 博客可以被建立并在localhost:4000浏览。

jekyll new myblog
cd myblog
jekyll serve

应用别人的模板

安装Bundler：

gem install bundler

git上clone别人的模板,或者网上下载模板,这里有个模板库可挑选自己喜欢的https://jekyllthemes.io/

安装依赖：

bundle install

运行 Jekyll：

bundle exec jekyll server

下面是本人根据上述流程搭建的一个自己的blog,应用的模板是Jacman，git上直接搜Jacman的关键词就有，效果图：

博客地址
git地址
喜欢的朋友可以fork或下载自己修改。