---

layout: default

---

<div class="container">

<div class="col-xs-7 col-sm-7 col-md-9">

<h1 style="background-image:linear-gradient(90deg, #f79533 0px, #f37055 15%, #ef4e7b 30%, #a166ab 44%, #5073b8 58%, #1098ad 72%, #07b39b 86%, #6dba82 100%);border-radius: 4px;color: #fff">

文章列表

</h1>

<div>

{% for post in site.posts %}

{% if post.categories[0] == "crawler" or post.categories[0] == "crawlerfirst" or post.categories[0] == "gitblog" or post.categories[0] == "gitblogfirst"%}

{% else %}

<div class="col-xs-12 col-sm-12 col-md-12 media thumbnail" style="clear:both;">

<div class="col-xs-4 col-sm-4 col-md-3" style="padding: 20px">

<a href="javascript:void(0)" class="media-left media-middle media-bottom" style="float:left;">

<img style="border-radius: 4px;" src="{{ "/static/jpg/" | prepend: site.baseurl }}{{ post.categories.first }}{{".jpg"}}" height="120" width="100%"/>

</a>

</div>

<div class="col-xs-8 col-sm-8 col-md-9 media-body" style="padding-bottom: 10px;">

<h3><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h3>

{% for category in post.categories %}

<small class="text-muted">

分类：<i class="fa fa-tag"></i>&nbsp;<a href="{{ "/showCategory.html?cat=" | prepend: site.baseurl }}{{ category }}">{{ category }}</a>

</small>

{% endfor %}

<h6 class="text-muted"><i class="fa fa-user"></i>&nbsp;{{ post.author }}&nbsp;<i class="fa fa-calendar"></i>&nbsp;{{ post.date | date: " %Y-%m-%d" }}&nbsp;<i class="fa fa-pencil-square"></i>&nbsp;{{post.content | number_of_words}}</h6>

<p class="content text-overflow">

{% if post.desc %}

{{ post.desc }}

{% else %}

{{ post.excerpt | strip_html }}

{% endif %}

</p>

<h5><span class="topicc"><a href="{{ post.url | prepend: site.baseurl }}">阅读全文&raquo;</a></span></h5>

</div>

</div>

{% endif %}

{% endfor %}

</div>

</div>

{% include rightmenu.html %}

.text-overflow {

display: block;

width: 90%;

word-break: keep-all;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}

.topicc {

background: url({{ "/static/jpg/wenzhang.gif" | prepend: site.baseurl }}) no-repeat left center;

padding-left: 20px;

margin: 0 10px 0 0;

}