index.html

--- 
layout: page
description: "将社交网络掌握在自己手中" 
---

<div class="">
    <!--<ol class="breadcrumb" style="margin-bottom: 5px;">
        <li class="active">Home</li>
        <li><a href="{{'/blog/' | prepend: site.baseurl }}">Blog</a></li>
    </ol>-->
    <div class="posts-container col-lg-offset-1">
        <small style="color:#df4a95">首页内容按照时间顺序展示,更明确的分类展示请点击 <b><a href="{{site.baseurl}}/catalog/">目录</a></b></small>
        <ul class="posts">
            {% for post in paginator.posts %}
            <li>
                <a href="{{ post.url | prepend: site.baseurl }}">
                    <img src="{{ '/assets/img/Calendar.svg'| prepend:site.baseurl }}" alt="">
                    <span class="pull-left">
                   <span class="date">{{ post.date | date: "%b %-d" }}</span>
                    <span class="year">{{ post.date | date: "%Y" }}</span>
                    </span>
                    <span class="title">{{post.title}}</span>
                    <span class="clear"></span>
                </a>
                <span class="tags">
                     {% for tag in post.tags %}
                      <a href="{{site.baseurl}}/tags/#{{ tag }}">{{tag}}</a> &nbsp;
                     {% endfor %}
                </span>
                <p>
                <div class="excerpt">
                    <div class="excerpt-text">
                        {% if post.customexcerpt %}
                            {{post.customexcerpt | strip_html | truncatewords:200}}
                        {% else %}
                            {{ post.content | strip_html | truncatewords:200}}
                        {% endif %}
                    </div>
                
                    <div class = "excerpt-img">
                        {% if post.image %}
                            <a href="{{ post.url | prepend: site.baseurl }}"><img src="{{ site.imgurl }}/{{ post.image }}"/></a>
                        {% endif %}
                    </div>
                </div>
                </p>
            </li>
            {% endfor %}
        </ul>
        <!-- Pager -->
        {% if paginator.total_pages >= 1 %}
        <ul class="pager">
            {% if paginator.previous_page %}
            <li class="previous">
                <a href="{{ site.baseurl }}{{ paginator.previous_page_path }}/">&larr; Newer Posts</a>
            </li>
            {% endif %}
            <li><span class="page_number">Page {{ paginator.page }}/{{ paginator.total_pages }}</span>
            </li>
            {% if paginator.next_page %}
            <li class="next">
                <a href="{{ site.baseurl }}{{ paginator.next_page_path }}/">Older Posts &rarr;</a>
            </li>
            {% endif %}
        </ul>
        {% endif %}
    </div>
</div>