Welcome to Blog Generate!

Jekyll是一个简单免费的Blog生成工具,它可以不需要数据库的支持,生成静态文件,还可以免费的部署到Github上面,还可以绑定自己的域名,哇塞!是不是感觉很棒是不是感觉很高大上^_^.还等什么赶紧搞一个。

如下以Mac OS系统微操作背景,生成目录命令如下

1
2
$ gem install jekyll #安装jekyll
$ jekyll new yangxiangming.github.io #创建jekyll目录blog

当然如果想在本地运行,继续执行命令如下

1
2
3
$ cd yangxiangming.github.io #进入到blog目录
$ jekyll serve #启动jekyll服务
# => Now browse to http://localhost:4000

打开浏览器直接访问http://localhost:4000即可。具体详情可参考Jekyll

Jekyll静态博客如果文章数量太多没有分页实在对于我们有强迫症的人就是精神的折磨,好在Jekyll支持数据分页。开启Jekyll分页模式

配置文件_config.yml添加分页配置项

1
2
paginate: 6
paginate_path: "page:num"

设置文章列表页index.html(一般默认都是index.html)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<ul class="post-list">
{ for post in paginator.posts }
<li>
<h2>
<a class="post-link" href="{ post.url | prepend: site.baseurl }">{ post.title }</a>
</h2>
{ post.excerpt }
<hr/>
<span class="post-meta">Posted on: { post.date | date: "%b %-d, %Y" } | Author: { post.author }</span>
</li>
{ endfor }
</ul>
{ if paginator.total_pages > 1 }
<div class="pagination">
<span class="total-page">Total { paginator.total_pages } Page</span> |
{ if paginator.previous_page }
<a href="{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }">&laquo; Prev</a>
{ else }
<span>&laquo; Prev</span>
{ endif }
{ for page in (1..paginator.total_pages) }
{ if page == paginator.page }
<em>{ page }</em>
{ endif }
{ endfor }
{ if paginator.next_page }
<a href="{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }">Next &raquo;</a>
{ else }
<span>Next &raquo;</span>
{ endif }
</div>
{ endif }

请注意如上code有些括号和%忘记加了,具体可根据自己的列表需求结合分页方法作调整。详情请参考官方文档 Pagination