Jekyll是一个简单易用的静态网站生成器,它可以帮助用户快速创建个人博客或静态网站。在Jekyll博客中显示当前类别的帖子,可以通过以下步骤实现:
categories
字段来指定文章所属的类别。例如,可以在文章的头部元数据中添加categories: [技术, 编程]
来表示该文章属于"技术"和"编程"两个类别。category.html
的HTML文件作为类别页面模板。category.html
文件中,可以使用Jekyll的模板语法和Liquid标签来动态地显示当前类别的帖子。以下是一个示例的category.html
文件的代码:---
layout: default
---
<h1>{{ page.title }}</h1>
<ul>
{% for post in site.categories[page.category] %}
<li><a href="{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
</ul>
在上述代码中,{{ page.title }}
用于显示当前类别的标题,{% for post in site.categories[page.category] %}
用于遍历当前类别的帖子,{{ post.url }}
和{{ post.title }}
分别用于显示帖子的链接和标题。
_categories
的文件夹,并在该文件夹中创建一个与类别名称相同的Markdown文件,例如技术.md
。在该Markdown文件中,可以设置layout
为category
,并指定title
和category
字段的值。以下是一个示例的技术.md
文件的代码:---
layout: category
title: 技术
category: 技术
---
在上述代码中,layout: category
表示该Markdown文件使用category.html
作为模板,title
用于设置类别页面的标题,category
用于指定当前类别的名称。
通过以上步骤,就可以在Jekyll博客中显示当前类别的帖子了。当访问类别页面时,将会动态地显示该类别下的所有帖子,并提供链接以便用户查看每篇帖子的详细内容。
对于腾讯云相关产品和产品介绍链接地址,可以根据具体需求选择适合的云计算服务,例如:
请注意,以上仅为示例,具体选择和推荐的腾讯云产品应根据实际需求和情况进行决策。
领取专属 10元无门槛券
手把手带您无忧上云