index.html

---
layout: default
title: Home
---

<div class="posts">
  {% for post in paginator.posts %}
  <div class="post">
    <h1 class="post-title">
      <a href="{{ post.url | absolute_url }}">
        {{ post.title }}
      </a>
    </h1>
    <span class="post-date">{{ post.date | date_to_string }}</span>
    <!-- <small>  -->
        <!-- 显示全文 -->
        <!-- {{ post.content }} -->
        <!-- 显示全文前15字符，对不以空格断开字词意群的语言无效 -->
        <!-- {{ post.content | strip_html | truncatewords:15 }} -->
        <!-- 显示第一段 -->
        <!-- {{ post.excerpt }} -->
        <!-- 自定义 -->
    <!-- </small> -->
    <small class="post-content" id="content-{{ forloop.index }}">
            {{ post.content | strip_html }}
    </small>
  </div>
  {% endfor %}
</div>

<div class="pagination">
  {% if paginator.next_page %}
    <a class="pagination-item older" href="{{ paginator.next_page_path | absolute_url }}">Older</a>
  {% else %}
    <span class="pagination-item older">Older</span>
  {% endif %}
  {% if paginator.previous_page %}
    {% if paginator.page == 2 %}
      <a class="pagination-item newer" href="{{ '/' | absolute_url }}">Newer</a>
    {% else %}
      <a class="pagination-item newer" href="{{ paginator.previous_page_path | absolute_url }}">Newer</a>
    {% endif %}
  {% else %}
    <span class="pagination-item newer">Newer</span>
  {% endif %}
</div> 

<script>
    document.addEventListener("DOMContentLoaded", function() {
      var posts = document.querySelectorAll('.post-content');
      var maxLength = 200; // 设置截断长度
      posts.forEach(function(post) {
        var text = post.textContent;
        if (text.length > maxLength) {
          text = text.substring(0, maxLength) + '...';
          post.textContent = text;
        }
      });
    });
</script>