当在 Hexo 中创建文章时,你可能希望在首页或文章列表中显示摘要,而不是完整内容。Hexo 提供了两种设置文章摘要的方式:手动设置摘要和使用 <!-- more -->
标签自动截取摘要。在这篇博文中,我们将学习如何使用这两种方法,并以 Markdown 格式展示。
手动设置摘要
手动设置摘要非常简单。只需在文章的 Front Matter 中添加 excerpt
字段,并在该字段中写入摘要内容。例如:
---
title: "文章标题"
date: 2023-12-01
excerpt: "这是手动设置的文章摘要。"
---
这里是文章的正文内容。
Hexo 将使用手动设置的摘要来显示文章列表中的预览。
而在ParticleX主题中,作者提供了另外一种方式来设置摘要
description: |
@
将”@”替换为你的摘要,然后把上面内容放到Front Matter中即可,如果你不想每次hexo n一个新文章时都添加这个内容,你可以在文章模板的Front Matter中添加description字段即可,文章模板一般在hexo的scaffolds文件夹下,修改里面的markdown模板即可(要全部修改)。
这种方式在进入文章内时不会看到摘要。
使用
<!-- more -->
标签自动截取摘要
你还可以使用 <!-- more -->
标签自动截取摘要。在文章中插入该标签之前的内容将作为摘要,而 <!-- more -->
标签以下的内容将在单独的页面中显示。
下面是一个例子:
---
title: "文章标题"
date: 2023-12-01
---
这是文章的摘要。
<!-- more -->
这是文章的正文内容,但只有上面的部分会显示在首页或文章列表中。
确保你的主题支持 <!-- more -->
标签,以便它能够正确地显示标签之前的内容作为文章的摘要。
但是这种方式在进入查看全文时仍会看到摘要,这是与上一种方法的区别。
在主题中显示摘要
在主题的配置文件或模板文件中,找到文章列表或首页的相关部分。确保它能够正确地显示摘要。通常,这涉及到使用主题提供的模板标签,比如 {{ post.excerpt }}
。
在 Hexo 主题中的模板文件中,找到类似于以下代码的部分:
{{ post.content }}
将其替换为:
{{ post.excerpt }}
这样,你的主题将使用文章的摘要而不是完整内容来展示文章列表。
通过手动设置摘要、使用 <!-- more -->
标签自动截取摘要以及在主题中的相应配置,你可以根据不同的需求选择最适合你的方式来配置文章的摘要,以实现更灵活的展示效果。