index.html

---
layout: default
---
<div class="home">

<div class="site-header-container {% if site.cover %}has-cover{% endif %}">
	<div class="scrim {% if site.cover %}has-cover{% endif %}">
		<header class="site-header">
		  <h1 class="title">{{ site.title }}</h1>
		  {% if site.subtitle %}<p class="subtitle">{{ site.subtitle }}</p>{% endif %}
		</header>
	</div>
</div>

	<div class="wrapper">

<ul class="post-list">
  {% for post in paginator.posts %}
  <li>
    <h2>
      <a class="post-link" target="_blank" href="/{{ post.url | remove_first: '/' | prepend: site.baseurl }}">{{ post.title }}</a>
    </h2>
    <section class="post-excerpt" itemprop="description">
      <p>{{ post.content | strip_html | truncatewords: 50 }}</p>
    </section>
    <section class="post-meta">
    	<div class="post-date">{{ post.date | date: "%Y年%m月%d日" }}</div>
    	<div class="post-categories">
    	{% if post.categories %} in  {% for cat in post.categories %}
    		<a href="/{{ site.baseurl }}category/?cate={{ cat }}">{{ cat | capitalize }}</a>
    	{% endfor %}{% endif %}
    	</div>
    </section>
  </li>
  {% if forloop.last == false %}
  <hr>
  {% endif %}
  {% endfor %}
</ul>

<nav class="pagination" role="navigation">
	<p>
    {% if paginator.previous_page %}
      {% if paginator.page == 2 %}
      <a class="newer-posts" href="/{{ site.baseurl }}">
        <span class="icon-page">
          <i class="icon-font i-v-left"></i>
        </span>
      </a>
      {% else %}
      <a class="newer-posts" href="/{{ site.baseurl }}page{{paginator.previous_page}}">
        <span class="icon-page">
          <i class="icon-font i-v-left"></i>
        </span>
      </a>
      {% endif %}
    {% else %}
    <span class="icon-page">
      <i class="icon-font i-v-left"></i>
    </span>
    {% endif %}

    <span class="page-number">第{{ paginator.page }}页  共{{ paginator.total_pages }}页</span>
    {% if paginator.next_page %}
    <a class="newer-posts" href="/{{ site.baseurl }}page{{paginator.next_page}}">
      <span class="icon-page">
        <i class="icon-font i-v-right"></i>
      </span>
    </a>
    {% else %}
    <span class="icon-page">
      <i class="icon-font i-v-right"></i>
    </span>
    {% endif %}

  </p>
</nav>

</div>
</div>