categories.html

---
layout: base
title: 分类页面
---

<script type="text/javascript">
	var urlString = window.location.href;//获取url 

	if (urlString.split("?").length <= 1) {
		// 没有指定分类
		window.location.href = "{{site.url}}";
	}

	var paramAry = urlString.split("?")[1].split("&");
	if (paramAry.length == 1) {
		var categoryItem = decodeURI(paramAry[0].split("=")[1]);
		var pageNo = 1;

	} else if (paramAry.length == 2) {
		var categoryItem = decodeURI(paramAry[0].split("=")[1]);
		var pageNo = paramAry[1].split("=")[1];

	}

	var dataStr = '{'+
	'{% for cat in site.categories %}'+
		'{% if cat[0] != site.categories.first[0] %}'+
			','+
		'{% endif %}'+
		'"{{ cat[0] }}":['+
			'{% for post in cat[1] %}'+
				'{% if post != cat[1].first %}'+
					','+
				'{% endif %}'+
				'{"url":"{{post.url}}", '+
				'"title":"{{post.title}}", '+
				{% capture tagIdx %}{{ post.tag | first }}{% endcapture %}
				{% if site.logo_list[tagIdx] %}
				'"logo":"{{site.logo_list[tagIdx]}}", '+
			    {% else %}
				'"logo":"{{site.resource_url}}/public/images/no-image.png", '+
			    {% endif %}
				'"excerpt": '+
					'{% if post.content contains "<!-- more -->" %}'+
						'"{{ post.content | split:"<!-- more -->" | first | strip_html | strip_newlines }}"'+
					'{% else %}'+
						'"{{ post.excerpt | strip_html | truncatewords:100 | strip_newlines }}"'+
					'{% endif %}'+
				','+
				'"date":"{{post.date | date:"%Y-%m-%d"}}"}'+
			'{% endfor %}'+
			']'+
	'{% endfor %}}';

	var data = JSON.parse(dataStr),
	    archieves = data[categoryItem];

	$(document).ready(function(){
		// 填充导航中的分类信息
		$(".breadcrumb .categories").attr("href", urlString).attr("title", "查看 "+categoryItem+" 中的全部文章").text(categoryItem);
		var pageSize = {{site.paginate}};
		// 渲染文章列表
		for (var i = (pageNo-1)*pageSize; i < archieves.length; i++) {
			// 渲染满一页的文章就停止
			if ( i-(pageNo-1)*pageSize >= pageSize) {break;}

			var post = archieves[i];
			var articleHtml = '<article class="post"><div class="thumb"><a href="{{site.url}}'+post.url+'" title="'+post.title+'" target="_blank"><img alt="'+post.title+'" src="'+post.logo+'"/></a></div>'+
				'<span class="post-cat"><a href="{{site.url}}/categories.html?cat='+categoryItem+'" title="查看 '+categoryItem+' 中的全部文章" target="_blank">'+categoryItem+'</a></span>'+
				'<h2><a href="'+post.url+'" title="'+post.title+'" target="_blank" title="'+post.title+'" >'+post.title+'</a></h2>'+
				'<div class="entry loop-entry"><p>'+post.excerpt+'</p></div>'+
				'<div class="postmeta"><span><i class="icon-calendar"></i> 日期：'+post.date+'</span><span><i class="icon-calendar"></i> 日期：'+post.date+'</span>'+
				'<span id="'+post.url+'" class="leancloud_visitors"  data-xid="'+post.url+'" data-flag-title="'+post.title+'"><i class="icon-fire"></i> 浏览：<i class="leancloud-visitors-count">0</i> 次</span>'+
				'<span><i class="icon-comments"></i> 评论：<i class="valine-comment-count" data-xid="'+post.url+'">0</i> 条</span>'+
				'</div></article>';
			$(".main").append(articleHtml);

		};

		// 渲染分页列表
		var pageHtml = '<div class="pagenavi">';

		if ( pageNo-1 > 0 ) {
			if ( pageNo-1 == 1 ) {
		    	pageHtml += '<a href="{{site.url}}/categories.html?cat='+categoryItem+'"><span class="page"><<</span></a>';
			} else {
		    	pageHtml += '<a href="{{site.url}}/categories.html?cat='+categoryItem+'&pageNo='+(pageNo-1)+'"><span class="page"><<</span></a>';
			}
		} else {
	    	pageHtml += '<a href="{{site.url}}/categories.html?cat='+categoryItem+'"><span class="page"><<</span></a>';
		}

		if ( pageNo == 1 ) {
    		pageHtml += '<span class="page now-page">1</span>';
		} else {
			pageHtml += '<a href="{{site.url}}/categories.html?cat='+categoryItem+'">1</a>';
		}

		for (var idx = 2; idx <= Math.ceil(archieves.length/pageSize); idx++) {
			if (idx == pageNo) {
	    		pageHtml += '<span class="page now-page">'+idx+'</span>';
			} else {
	    		pageHtml += '<a href="{{site.url}}/categories.html?cat='+categoryItem+'&pageNo='+idx+'">'+idx+'</a>';
			}

		}

		if (pageNo+1 <= Math.ceil(archieves.length/pageSize)) {
			pageHtml += '<a href="{{site.url}}/categories.html?cat='+categoryItem+'&pageNo='+(pageNo+1)+'">>></a>';
		} else {
			pageHtml += '<a href="{{site.url}}/categories.html?cat='+categoryItem+'&pageNo='+Math.ceil(archieves.length/pageSize)+'"><span class="page">>></span></a>';
		}

		pageHtml += '</div>';
		$(".main").append(pageHtml);
	});

</script>

<div class="breadcrumb">	
	<i class="icon-home"></i> 
	<a href="{{site.url}}" title="{{site.title}}">首页</a> » <a class="categories"></a> »
</div>

<!-- 首页或者分类或者标签页面的模板 -->
<main class="main" role="main">
	
</main>

<aside class="sidebar">	
{% include sidebar.html %}
</aside>