Jekyll 中的动态标题和内容

Question

我有一个页面的结构有点像这样

---
layout: contents
title: contents
description: Contents of the posts.
permalink: contents/
---


      <ul class="posts">
        {% for post in site.posts %}
            {% if post.categories != "tips" %}
          <h2><a class="post-heading" href="{{ post.url }}">{{ post.title }}</a></h2>
          <p> {{ post.description }} </p>
          <p class="date">{{ post.date | date_to_string }}</p>
          <hr class="hr-color"></hr>
          {% endif %}
        {% endfor %}
      </ul >

目前本页的URL是根据permalinks(BASE_URL/contents)设置的。我希望当用户单击上一页中的选项（Android、Java、Web 是选项）时，我得到此页面的 URL 作为 BASE_URL/android或 BASE_URL/Java 并显示该类别的内容。

这可以使用 jekyll 吗？

Answer 1

两种解决方案：

1 - 使用插件

您可以使用this category archive generator

2 - 使用手工制作的页面

如果您不能使用插件 (gh-pages)，您可以为每个类别创建一个页面，如下所示：

android.html

---
layout: category
title: Android
permalink: android/
---

_layouts/category.hmtl

---
layout: default
---

<ul class="posts">
  {% for post in site.posts %}
    {% if post.categories contains page.title %}
      <h2><a class="post-heading" href="{{ post.url }}">{{ post.title }}</a></h2>
      <p> {{ post.description }} </p>
      <p class="date">{{ post.date | date_to_string }}</p>
      <hr class="hr-color"></hr>
    {% endif %}
  {% endfor %}
</ul >

Jekyll 中的动态标题和内容

Dynamic title AND content in Jekyll

web

jekyll

liquid

github-pages

static-site

1 - 使用插件

2 - 使用手工制作的页面