在jekyll中使用tags


  1. 在根目录下, 新建文件 tags.html

  2. 复制如下代码到 tags.html 文件中 (去掉内容中的\).

    ---
    layout: page
    title: Tags
    ---
    <div class="tags-items">
      <div class="tags-items-list">
        &#123;\% for tag in site.tags \%&#125;
        <a href="#&#123;\&#123; tag[0] | slugify \&#125;&#125;" class="post-tag">&#123;\&#123; tag[0] \&#125;&#125;</a>
        &#123;\% endfor \%&#125;
      </div>
      <hr/>
      <div class="tags-items-section">
        &#123;\% for tag in site.tags \%&#125;
        <h2 id="&#123;\&#123; tag[0] | slugify \&#125;&#125;">&#123;\&#123; tag[0] \&#125;&#125;</h2>
        <ul class="tags-items-posts">
          &#123;\% for post in tag[1] \%&#125;
          <li>
              <a class="post-title" href="&#123;\&#123; site.baseurl \&#125;&#125;&#123;\&#123; post.url \&#125;&#125;">
                  &#123;\&#123; post.title \&#125;&#125;<small class="post-date">&#123;\&#123; post.date | date_to_string \&#125;&#125;</small>
              </a>
          </li>
          &#123;\% endfor \%&#125;
        </ul>
        &#123;\% endfor \%&#125;
      </div>
    </div>
  3. 修改样式,保存. 效果如下
    jekyll tags


参考文档


Author: Itaken
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint polocy. If reproduced, please indicate source Itaken !
  TOC目录