index.html

--- 
layout: page
description: "Front-End, Web, CSS, HTML & JS" 
---

<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: rgb(241, 41, 41)">首页内容按照时间顺序展示,更明确的分类展示请阅读 <b><a href="{{site.baseurl}}/archives/">Archives部分</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>
            </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>