index.html

---
layout: default
---

<!--配置搜索框样式-->
<div class="search-container">
  <input type="text" id="search-input" placeholder="在此搜索..." style="
    width: 100%;
    height: 34px;
    color: #15aabf;
    background-color: rgba(180,242,245,.2);
    line-height: 32px;
    padding: 0px 16px;
    margin: 10px 0px;
    border: 1px solid #15aabf;
    border-radius: 17px;
    font-size: 16px;
    font-weight: bold;
    outline: none;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 12px rgba(21,170,191,.7);
    ">
  <ul id="results-container"></ul>
</div>

<!--配置搜索功能-->
<script src="/js/simple-jekyll-search.min.js"></script>

<script>
	window.simpleJekyllSearch = new SimpleJekyllSearch({
	searchInput: document.getElementById('search-input'),
	resultsContainer: document.getElementById('results-container'),
	json: '/search.json',
	searchResultTemplate: '<li><a href="{url}?query={query}" title="{desc}">{title}</a></li>',
	limit: 5,
	fuzzy: false,
	exclude: ['Welcome']
  })
</script>

{% if site.posts.size == 0 %}
  <h2>No post found</h2>
{% endif %}

<div class="posts">

  {% for post in site.posts %}
    {% if post.pinned==true %}
      <article class="post pinned">
        <h1>
            <span title="pinned"><i data-feather="anchor"></i></span><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
        </h1>
        <div clsss="meta">
          <span class="author">
            {{ post.author }}
          </span>
          <span class="date">
            {{ post.date | date: "%Y-%m-%d" }}
          </span>
          <ul class="tag">
            {% for tag in post.tags %}
            <li>
              <a href="{{ site.url }}{{ site.baseurl }}/tags#{{ tag }}">
                {{ tag }}
              </a>
            </li>
            {% endfor %}
          </ul>
          <script>
            feather.replace()
          </script>
        </div>
        <div class="entry">
          {{ post.excerpt | truncate: 200 }}
        </div>
        <a href="{{ site.baseurl }}{{ post.url }}" class="read-more">Read More</a>
      </article>
    {% endif %}
  {% endfor %}

  {% for post in paginator.posts %}
    {% unless post.pinned %}
      <article class="post">
        <h1>
          <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
        </h1>

        <div clsss="meta">
          <span class="date">
            {{ post.date | date: "%Y-%m-%d" }}
          </span>

          <ul class="tag">
            {% for tag in post.tags %}
            <li>
              <a href="{{ site.url }}{{ site.baseurl }}/tags#{{ tag }}">
                {{ tag }}
              </a>
            </li>
            {% endfor %}
          </ul>
        </div>

        <div class="entry">
          {{ post.excerpt | truncate: 200 }}
        </div>

        <a href="{{ site.baseurl }}{{ post.url }}" class="read-more">Read More</a>
      </article>
    {% endunless %}
  {% endfor %}

</div>

<div class="pagination">
  {% if paginator.previous_page %}
    <span class="prev">
      <a href="{{ site.baseurl }}{{ paginator.previous_page_path }}" class="prev">
        ← 上一页
      </a>
    </span>
  {% endif %}
  {% if paginator.next_page %}
    <span class="next">
      <a href="{{ site.baseurl}}{{ paginator.next_page_path }}" class="next">
        下一页 →
      </a>
    </span>
  {% endif %}
</div>

<!--不算子-->
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
</script>
<div align="center">
	<span id="busuanzi_container_site_pv" style="font-family:Consolas;color:rgba(21,170,191,.6);font-size:12px;">
		访问量：<span id="busuanzi_value_site_pv" style="font-family:Consolas;color:Silver;font-size:12px;"></span>
	</span>
	<span id="busuanzi_container_site_uv" style="font-family:Consolas;color:rgba(21,170,191,.6);font-size:12px;">
		访问人数：<span id="busuanzi_value_site_uv" style="font-family:Consolas;color:Silver;font-size:12px;"></span>
	</span>
</div>