Displaying an index of posts Creating an index of posts on another page should be easy thanks to Liquid and its tags. Here’s a simple example of how to create a list of links to your blog posts:


  
  

  
  

  
  <h3>update</h3>
  
  
    <ul><li>
        <span class="post-meta">2021-03-11 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2021/03/11/sonnet31.html">
            sonnet31
          </a>
        </h3></li><li>
        <span class="post-meta">2021-03-11 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2021/03/11/music.html">
            little apple
          </a>
        </h3></li><li>
        <span class="post-meta">2021-03-10 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2021/03/10/id.html">
            身份证安全
          </a>
        </h3></li><li>
        <span class="post-meta">2021-02-01 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2021/02/01/moutai.html">
            脚本抢购茅台
          </a>
        </h3></li><li>
        <span class="post-meta">2021-01-24 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2021/01/24/drama.html">
            Drama
          </a>
        </h3></li><li>
        <span class="post-meta">2021-01-20 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2021/01/20/goodbye.html">
            Goodbye my big brother
          </a>
        </h3></li><li>
        <span class="post-meta">2020-11-28 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/11/28/notebook-clear-GPU.html">
            clear gpu memory
          </a>
        </h3></li><li>
        <span class="post-meta">2020-11-23 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/11/23/student-congress.html">
            Student congress
          </a>
        </h3></li><li>
        <span class="post-meta">2020-10-18 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/10/18/Dare-to-challenge-authority.html">
            Stay skeptical
          </a>
        </h3></li><li>
        <span class="post-meta">2020-09-14 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/09/14/best-TA.html">
            Best TA
          </a>
        </h3></li><li>
        <span class="post-meta">2020-09-14 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/09/14/outstanding-student.html">
            Outstanding Student
          </a>
        </h3></li><li>
        <span class="post-meta">2020-08-04 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/08/04/path-way.html">
            Vscode path
          </a>
        </h3></li><li>
        <span class="post-meta">2020-08-03 02:58:01 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/08/03/ali.html">
            KDD Cup 2020 Challenges for Modern E-Commerce Platform:Debiasing
          </a>
        </h3></li><li>
        <span class="post-meta">2020-08-03 02:58:01 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/08/03/milk-Evaluation.html">
            Recommendation: Some fresh milk
          </a>
        </h3></li><li>
        <span class="post-meta">2020-08-01 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/08/01/Display-posts.html">
            Displaying an index of posts
          </a>
        </h3></li><li>
        <span class="post-meta">2020-07-21 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/07/21/access.html">
            安全通行登记
          </a>
        </h3></li><li>
        <span class="post-meta">2020-07-20 02:58:01 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/07/20/Milk.html">
            Recommendation: Some overseas milk brands
          </a>
        </h3></li><li>
        <span class="post-meta">2020-07-18 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/07/18/gardenParty.html">
            Garden Party
          </a>
        </h3></li><li>
        <span class="post-meta">2020-07-17 02:58:01 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/07/17/myCode.html">
            Mass Mail Sending script
          </a>
        </h3></li><li>
        <span class="post-meta">2020-07-15 02:58:01 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/07/15/Server-migration.html">
            Server migration resulting data loss!
          </a>
        </h3></li><li>
        <span class="post-meta">2020-07-15 00:00:00 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/07/15/Affliate-to-STU.html">
            School Affiliated to STU!
          </a>
        </h3></li><li>
        <span class="post-meta">2020-07-11 02:58:01 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/07/11/select_low-priced_stocks.html">
            Automatically select low-priced stocks
          </a>
        </h3></li><li>
        <span class="post-meta">2020-07-08 16:53:07 +0000</span>
        <h3>
          <a class="post-link" href="/update/2020/07/08/welcome-to-jekyll.html">
            Welcome to Jekyll!
          </a>
        </h3></li></ul>

You have full control over how (and where) you display your posts, and how you structure your site. You should read more about how templates work with Jekyll if you want to know more. CategoriesPermalink Categories of a post work similar to the tags above:

They can be defined via the front matter using keys category or categories (that follow the same logic as for tags) All categories registered in the site are exposed to Liquid templates via site.categories which can be iterated over (similar to the loop for tags above.)