support for paginator

Author: linlinjava

_config.yml

@@ -1,5 +1,5 @@
 permalink: /:year/:month/:day/:title.html
-paginate: 10
+paginate: 6
 markdown: kramdown
 
 kramdown:
@@ -25,11 +25,6 @@ favicon: /public/img/gin_ta_ma.gif
 # 主题设置，自动激活某个标签
 active: 关于
 
-# 首页除了最新文章外显示分类
-cates: 
- - Git
- - Java
-
 # 中文本地化
 locals:
 tags: 标签

_layouts/book.html

@@ -41,13 +41,21 @@ prettify
 
 目前做的轻微修改：
 
-1. 删除了google analytics, 因为没有必要而且估计也没有人 (喂，有人吗，吱个声啊...个声啊...声啊...啊).
-2. 删除了disqus评论，因为没有必要或者怕被人骂．
-3. 将单个About页面，分成多个更具体的About页面
+1. 删除了google analytics. 因为没有必要而且估计也没有人 (喂，有人吗，吱个声啊...个声啊...声啊...啊).
+2. 删除了disqus评论. 因为没有必要或者怕被人骂．
+3. 将单个About页面, 分成多个更具体的About页面. 因为将需要说明的事情分散到多个详细的页面可能更不错.
+4. 首先只显示最新的文章, 不会显示其他分类的文章. 因为感觉没有必要显示其他分类的文章，这样更简约．
+5. 支持＂上一页＂，和＂下一页＂
 
-接下来的修改：
+接下来的修改(目前努力学习前端开发中):
 
 1. 段落里面的文本排版不是很好，显得很拥挤
 2. HTML水平线颜色特别浅，起不到很好的分割作用
 3. 首页打开的时候默认是三栏的，感觉不是很必要．
-4. 不支持当前页面回到＂原列表＂，＂上一篇＂，和＂下一篇＂
+4. 不支持当前页面回到＂原列表＂，＂上一篇＂和＂下一篇＂
+5. 有些博客，或者一些网站，存在这样一个问题，即主页中的文章列表会把文章内容几乎全部呈现．
+不知道设计人员是如何考虑交互的，很多时候阅读者是挑食的，不可能每篇都看的．
+这样出现了一个让人不爽的地方，为了跳过一篇洋洋洒洒上千字，数十行的内容，需要不停地点鼠标或者滑手机屏幕．
+XX，不明白这些人是怎么样想的，就算为了自己舒服也不要这样吧．
+ 而闫肃设计的博客主题中，则是只有每篇文章题目，需要点击进入．这似乎也是不妥的．
+ 目前大多数网站的做法是少量准确的或核心的内容会呈现在主页面中，并提供＂阅读全文＂的链接．

_posts/2014-11-27-about-blog-theme.md

@@ -15,6 +15,10 @@ description: 保存各种Web前端相关资源
 
 [Bootstrap中文网免费CDN](http://www.bootcdn.cn/)
 
+[Pure](http://purecss.io/)
+
+[Pure中文版](http://pure-site.ap01.aws.af.cm/)
+
 [jQuery](http://jquery.com/)
 
 [Front Awesome](http://fortawesome.github.io/Font-Awesome/)
@@ -29,6 +33,8 @@ description: 保存各种Web前端相关资源
 
 [Highcharts中文网免费CDN](http://www.hcharts.cn/open/cdn.php)
 
+[emoji cheat sheet](http://www.emoji-cheat-sheet.com/)
+
 [gbin1](http://www.cnblogs.com/gbin1/)
 
 [极客标签](http://www.gbtags.com/gb/index.htm)

_posts/2014-12-02-web.md

@@ -3,7 +3,7 @@
 title: 首页
 ---
 
-<br>
+<br/>
 <divclass="row">
 <divclass="col-md-12">
 <divclass="panel panel-primary">
@@ -14,24 +14,39 @@
 <spanclass="badge">{{post.date | date:"%Y年%m月%d日"}}</span>
 </a>
 {% endfor %}
+</div>
 </div>
 </div>
-{% for cate in site.cates %}
-<divclass="col-md-12">
-<divclass="panel panel-primary">
-<divclass="panel-heading">{{cate }}</div>
-{% for tag in site.tags %} 
-{% if tag[0] == cate %}
-{% for post in tag[1] %}
-<ahref='{{post.url }}' class="list-group-item pjaxlink clearfix">
-{{post.title}}
-<spanclass="badge">{{post.date | date:"%Y年%m月%d日"}}</span>
-</a>
-{% endfor %}
-{% endif %}
-{% endfor %}
+</div>
+
+<divclass="row">
+
+{% if paginator.previous_page %}
+<divclass="previous col-md-4 center">
+{% if paginator.previous_page == 1 %}
+<ahref="/">前一页</a>
+{% else %}
+<ahref="{{paginator.previous_page_path }}">前一页</a>
+{% endif %}
+</div>
+{% else %}
+<divclass="previous disabled col-md-4 center">
+<span>前一页</span>
 </div>
+{% endif %}
+
+<divclass="current col-md-4 center">
+<span>{{paginator.page }} /{{paginator.total_pages}} </span>
+</div>
+
+{% if paginator.next_page %}
+<divclass="next col-md-4 center">
+<ahref="{{paginator.next_page_path }}">下一页</a>
 </div>
-{% endfor %}
-</div>
-
+{% else %}
+<divclass="next disabled col-md-4 center">
+<span>下一页</span>
+</div>
+{% endif %}
+
+</div>

index.html

@@ -67,5 +67,3 @@ a:hover{text-decoration:none}
 color:#2a6496;
 background-color:#fafaf6;
 }
-/* 显示评论按钮 */
-.show-commend{width:100%; margin-bottom:40px}