index.html

---
layout: page
title: 首页
---

<div class="page page-index">
  {% for post in site.posts -%} {%- capture post_year %}{{ post.date | date: "%Y" }}{% endcapture -%} {%- capture post_previous_year %}{{
  post.previous.date | date: "%Y" }}{% endcapture -%} {%- capture post_next_year %}{{ post.next.date | date: "%Y" }}{% endcapture -%} {%- if
  forloop.first or post_next_year != post_year -%}
  <div class="list-post">
    <!-- 后面加入当年发布的post个数 -->
    <h2 id="{{post_year}}">{{post_year}} (0)</h2>
    <ul>
      {%- endif %}
      <li>
        <span class="date">{{ post.date | date: "%Y/%m/%d" }}</span>
        <div class="title">
          <a href="{{ site.baseurl | append: post.url }}" class="hover-underline">{{ post.title }}</a>
        </div>
        <div class="tags">
          {% for tag in post.tags -%}
          <a href="{{site.baseurl}}/pages/tags.html#{{ tag }}">{{ tag }}</a>
          {%- endfor %}
        </div>
      </li>
      {%- if forloop.last or post_previous_year != post_year %}
    </ul>
  </div>
  {%- endif %} {%- endfor %}
</div>

<script>
window.onload = function() {
  var years = document.getElementsByClassName('list-post');
  for (var i = 0; i < years.length; i++) {
    var year = years[i];
    var count = year.getElementsByTagName('li').length;
    var h2 = year.getElementsByTagName('h2')[0];
    h2.textContent = h2.textContent.replace('(0)', '(' + count + ')');
  }
};
</script>