Jekyll
是一个简单免费的Blog生成工具,它可以不需要数据库的支持,生成静态文件,还可以免费的部署到Github
上面,还可以绑定自己的域名,哇塞!是不是感觉很棒是不是感觉很高大上^_^.还等什么赶紧搞一个。
如下以Mac OS系统微操作背景,生成目录命令如下
1 2
| $ gem install jekyll $ jekyll new yangxiangming.github.io
|
当然如果想在本地运行,继续执行命令如下
1 2 3
| $ cd yangxiangming.github.io $ jekyll serve
|
打开浏览器直接访问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: '//', '/' }">« Prev</a> { else } <span>« 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 »</a> { else } <span>Next »</span> { endif } </div> { endif }
|
请注意如上code
有些括号和%忘记加了,具体可根据自己的列表需求结合分页方法作调整。详情请参考官方文档 Pagination