layout: default


<div class=“page clearfix” index>

<div class="left" >
   <h1>{{ site.blogname }}</h1>
   <small>{{ site.blogabout }}</small>
    <hr>
    <ul>
        {% for post in paginator.posts %}
          <li>
            <h1>
              <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
            </h1>
            <div class="label">
                <div class="label-card">
                    <i class="fa fa-calendar"></i>{{ post.date | date: "%F" }}
                </div>
                <div class="label-card">
                    {% if post.author %}<i class="fa fa-user"></i>{{ post.author }}
                    {% endif %}
                </div>
                <div class="label-card">
                    {% if page.meta %}<i class="fa fa-key"></i>{{ page.meta }}  {% endif %}
                </div>

                <div class="label-card">
                {% include category.html %}
                </div>

                <div class="label-card">
                {% include tag.html %}
                </div>
            </div>
            <div class="excerpt">
                {{post.excerpt}}
            </div>
            <div class="read-all">
                <a  href="{{ post.url | prepend: site.baseurl }}"><i class="fa fa-newspaper-o"></i>Read All</a>
            </div>
            <hr>
          </li>
        {% endfor %}
    </ul>

    <!-- Pagination links -->
    <div class="pagination">
      {% if paginator.previous_page %}
        <a href="/index.html" class="previous"><i class="fa fa-angle-double-left"></i></a>
        <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}" class="previous"><i class="fa fa-angle-left"></i></a>
      {% else %}
        <span class="previous disable"><i class="fa fa-angle-double-left"></i></span>
        <span class="previous disable"><i class="fa fa-angle-left"></i></span>
      {% endif %}
      <span class="page_number">
         <script>
            function isNum(val){
               if(val === "" || val ==null){
                  return false;
               }
               if(!isNaN(val)){
                  return true;
               }
               else{
                  return false;
               }
            }
         </script>
         <script>
            function onPressEnter(){
               var pageid = document.getElementById("page_jumper_input").value
               if(isNum(pageid)==false){
                  alert("Invalid Page Number!")
                  return
               }
               number = parseInt(pageid)
               minn = 1
               maxn = {{paginator.total_pages}}
               if(number < minn)
                  number = minn
               if(number > maxn)
                  number = maxn
               if(number == 1)
                  location.href='/'
               else
                  location.href='/page'+number.toString()
            }
         </script>
        <input id="page_jumper_input" onkeydown="if(event.keyCode==13) {onPressEnter()}"
              placeholder="{{ paginator.page }}">/{{ paginator.total_pages }}
      </span>
      {% if paginator.next_page %}
        <a href="{{ paginator.next_page_path }}" class="next"><i class="fa fa-angle-right"></i></a>
        <a href="{{ site.baseurl }}/page{{ paginator.total_pages }}" class="next"><i class="fa fa-angle-double-right"></i></a>
      {% else %}
        <span class="next disable"><i class="fa fa-angle-right"></i></span>
        <span class="next disable"><i class="fa fa-angle-double-right"></i></span>
      {% endif %}
    </div>
</div>
<!-- <button class="anchor"><i class="fa fa-anchor"></i></button> -->
<div class="right">
    <div class="wrap">

        <div class="side">
            {% include sidebar-search.html %}
        </div>

        <div class="side">
            <div>
                <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                Recent Posts
            </div>
            <ul class="content-ul" recent>
                {% for post in site.posts offset: 0 limit: 10  %}
                    <li><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
                {% endfor %}
            </ul>
        </div>

        <!-- Content -->
        <div class="side ">
            <div>
                <i class="fa fa-th-list"></i>
                Categories
            </div>
            <ul class="content-ul" cate>
                {% for category in site.categories %}
                <li>
                    <a href="{{ root_url }}/{{ site.category_dir }}#{{ category | first }}" class="categories-list-item" cate="{{ category | first }}">
                        <span class="name">
                            {{ category | first }}
                        </span>
                        <span class="badge">{{ category | last | size }}</span>
                    </a>
                </li>
                {% endfor %}
            </ul>
        </div>
        <!-- 其他div框放到这里 -->
        <div class="side">
            <div>
                <i class="fa fa-tags"></i>
                Tags
            </div>
            <div class="tags-cloud">
                {% assign first = site.tags.first %}
                {% assign max = first[1].size %}
                {% assign min = max %}
                {% for tag in site.tags offset:1 %}
                  {% if tag[1].size > max %}
                    {% assign max = tag[1].size %}
                  {% elsif tag[1].size < min %}
                    {% assign min = tag[1].size %}
                  {% endif %}
                {% endfor %}

                {% if max == min %}
                    {% assign diff = 1 %}
                {% else %}
                    {% assign diff = max | minus: min %}
                {% endif %}

                {% for tag in site.tags %}
                  {% assign temp = tag[1].size | minus: min | times: 36 | divided_by: diff %}
                  {% assign base = temp | divided_by: 4 %}
                  {% assign remain = temp | modulo: 4 %}
                  {% if remain == 0 %}
                    {% assign size = base | plus: 9 %}
                  {% elsif remain == 1 or remain == 2 %}
                    {% assign size = base | plus: 9 | append: '.5' %}
                  {% else %}
                    {% assign size = base | plus: 10 %}
                  {% endif %}
                  {% if remain == 0 or remain == 1 %}
                    {% assign color = 9 | minus: base %}
                  {% else %}
                    {% assign color = 8 | minus: base %}
                  {% endif %}
                  <a href="{{ root_url }}/{{ site.tag_dir }}#{{ tag[0] }}" style="font-size: {{ size }}pt; color: #{{ color }}{{ color }}{{ color }};">{{ tag[0] }}</a>
                {% endfor %}
            </div>
        </div>

        <!-- <div class="side">
            <div>
                <i class="fa fa-external-link"></i>
                Links
            </div>
            <ul  class="content-ul">

            </ul>
        </div> -->
    </div>
</div>

</div> <!– <script src=“{{ ”/assets/js/scroll.min.js “ | prepend: site.baseurl }}” charset=“utf-8”></script> –> <!– <script src=“{{ ”/assets/js/pageContent.js “ | prepend: site.baseurl }}” charset=“utf-8”></script> –>