在GitHub Pages中安装并使用jekyll

用Github Pages搭建一个网页是比较简单的，引入index.html之后就可以算是导入了一个网页了，网页的内容基于html的内容，也就是说页面是什么样的完全得看你html写得怎么样了。我们可以自己写页面，也可以去找现成的html和css模版来构建自己的模版，只是修改里面的内容就可以了。这种方式的优点是自己完全掌控，可以任意修改成自己想要它成为的样子。那么凡事都要自己动手，也显得很麻烦。如果你只想专注于内容创作，jekyll是个不错的选择。利用jekyll，我们可以使用MarkDown语言，一次创作，可以在多个平台发布，而且MarkDown语言比html简单很多，它是面向作者的。

安装jekyll

下面所有的演示和说明都是针对mac平台的，其他平台的我还没试过，具体怎么操作，应该也可以做一个参考，原理应该也是差不多的。

mac平台上已经装有Ruby了，就不需要再去装Ruby了，如果你想确定一样，可以用下面的命令在终端中查看Ruby版本号，如果没有版本号，那就去装一个。

$ ruby -v

如何安装ruby这里就不赘述了，安装好之后，要安装bundler，这个是用来你在之后配置完jekyll之后在本地就能预览网站用的。

$ sudo gem install -n /usr/local/bin bundler

提示安装成功之后，就可以开始安装jekyll了。

$ sudo gem install -n /usr/local/bin jekyll

同样使用下面的命令可以获取jekyll版本号

$ jekyll -v

初始化

如果你jekyll安装成功，接下来就可以用它来初始化你的username.github.io这个仓库了。username是你的github的用户名。
首先你先clone你的仓库到本地。

git clone https://github.com/chenhuaizhe/chenhuaizhe.github.io.git

https://github.com/chenhuaizhe/chenhuaizhe.github.io.git 是我的仓库地址，你需要将它换成你自己的，具体来说是将两个chenhuaizhe换成你的github用户名。如果你还不会用github搭建自己的网站仓库，请先看这里：快速用GitHub Pages搭建个人网站

clone到本地之后，找到本地仓库文件夹

$ jekyll new 本地仓库文件夹
$ cd  本地仓库文件夹
$ jekyll build

执行完之后，你会发现本地仓库中多了一些文件。
各文件夹的作用请看阮一峰老师的这篇文章 jekyll入门
你可以打开_config.yml文件修改配置内容。
修改和添加_posts文件夹下的.md文件，就是编辑你的博客内容，这是MarkDown格式的。
修改之后执行

$ jekyll serve

然后打开

http://localhost:4000

可以查看效果。
如果确定没问题，就可以用git提交发布到github上了，你的网站就实时更新了。

$ git add .

$ git commit -m "upload my site" $ git push

参考

搭建一个免费的，无限流量的Blog----github Pages和Jekyll
Using Jekyll with Pages