LOADING

加载过慢请开启缓存 浏览器默认开启

Hexo首页文章缩略问题

当在 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 --> 标签自动截取摘要以及在主题中的相应配置,你可以根据不同的需求选择最适合你的方式来配置文章的摘要,以实现更灵活的展示效果。

载入天数...载入时分秒...