我的个人博客最早使用的是WordPress，当时也没觉得麻烦，申请了一台带有固定IP的机器，申请了域名，在机器上安装WordPress、MySQL以及WordPress各种插件基本上就搞定了。
后来Github推出了Github Pages用来免费托管静态页面并提供*.github.io域名，非常适合用来托管个人小型博客，于是就可以用Markdown来写文章，然后通过自己写的脚本生成静态站点，push到Github进行版本管理，最后用Github Pages托管站点，这是我之前个人站点的源代码。
用自己的脚本生成静态站点灵活度不大，后来发现可以用Jekyll取代，Jekyll是Github的co-founder Tom Preston-Werner用Ruby开发的一款开源的静态站点生成器，适合用于生成个博客和项目主页。
作为一款面向于个人博客和项目主页静态网页生成器，需要考虑以下几个问题：
我们来看一下Jekyll是怎么解决这些问题的：
Jekyll支持将Markdown编译成html
Jekyll支持html,css和js编写网页
Jekyll支持在html和markdown文件头部嵌入Front Matter，例如：
blog.md
---
layout: post
title: Blogging Like a Hacker
---
# Title
This is a blog.
/_layouts/post.html
<article class="post">
<h1>{{ page.title }}</h1>
<div class="entry">
{{ content }}
</div>
</article>
blog.md的内容最终会把嵌入到content，Jekyll通过这种方式实现冗余代码消除。
Jekyll通过文件名表示文章日期，例如/_posts/2018-4-3-HelloWorld.md，通过.date属性可以访问日期，例如
/_layouts/post.html
<div class="date">
Written on {{ page.date | date: "%B %e, %Y" }}
</div>
Jekyll在Front Matter中预定义了category变量用来标识文章的分类
---
layout: post
title: 使用Jekyll和Github Pages搭建个人博客
category: 未分类
---
通过site.categories可以遍历所有的分类信息
{% for category in site.categories %}
<h2>
<a href="{{ site.baseurl}}/category/{{ category.first }}.html">
{{category.first}}（{{category.last.size}}）
</a>
</h2>
<ul class="posts">
{% for post in category.last %}
<li>
<a href="{{ post.url | absolute_url }}">
{{ post.title }}
</a>
</li>
{% endfor %}
</ul>
{% endfor %}
未发布的文章可以暂时存放到/_drafts/目录，通过命令jekyll build --drafts可以预览草稿
|-- _drafts/
| |-- a-draft-post.md
用户可以在Jekyll预定义目录（/_includes, /_layouts/, /_posts/, /_site/）和文件（/_config.yml, /index.html）以外添加任意的Markdown和HTML文件用来创建自定义页面，例如:
.
|-- about.html # => http://example.com/about.html
|-- other
└── contact.html # => http://example.com/other/contact.html
用户可以在Jekyll预定义目录（/_includes, /_layouts/, /_posts/, /_site/）和文件（/_config.yml, /index.html）以外添加任意的非Markdown和HTML文件的静态资源，并且支持目录嵌套，例如:
.
|-- test.pdf # => http://example.com/test.pdf
|-- other
└── test2.jpg # => http://example.com/other/test2.jpg
Jekyll采用Liquid模板语言，下面的例子就是使用Liquid语言实现分类页面
<h1>分类</h1>
{% for category in site.categories %}
<h2>
<a href="{{ site.baseurl}}/category/{{ category.first }}.html">
{{category.first}}（{{category.last.size}}）
</a>
</h2>
<ul class="posts">
{% for post in category.last %}
<li>
<a href="{{ post.url | absolute_url }}">
{{ post.title }}
</a>
</li>
{% endfor %}
</ul>
{% endfor %}
在_config.yml配置文件中通过plugins或者gems配置插件
gems:
- jekyll-sitemap # Create a sitemap using the official Jekyll sitemap gem
- jekyll-feed # Create an Atom feed using the official Jekyll feed gem
可以使用第三方系统支持评论功能，例如disqus和gitalk。
gitalk使用github issues存储评论数据，每篇文章对应一个github issue，文章下面的评论对应于某个issues下面的comment，使用github账户登录。
Liquid是一款用Ruby实现的模板语言，最初是由加拿大电子商务软件开发商Shopify的Co-founder和CEO Tobias Lütke 开发的，目前已经开源。
除了Jekyll外还有很多热门的开源静态站点生成器：