hexo-next主页文章折叠

hexo-next主题会在主页显示完整文章，使得主页十分冗长，这篇文章介绍了如何折叠主页文章的方法。

hexo版本：7.3.0

next版本：8.22.0

1. 方法一

在文章折叠处的位置添加<!--more-->,即可折叠后面的文章，例如：

hexo-next主题会在主页显示完整文章，使得主页十分冗长，这篇文章介绍了如何折叠主页文章的方法。


### 1. 方法一
在文章折叠处的位置添加`<!--more-->`,即可折叠后面的文章，例如：
<!--more-->


**实现效果**
{% asset_img image-20250128093956831.png image-20250128093956831 %}

### 2. 方法二
在文章顶部的`front-matter`中添加description字块

实现效果

2. 方法二

在文章顶部的front-matter中添加description字块添加文章摘要，则在主页仅会显示摘要内容。

---
title: hexo-next主页文章折叠
date: 2025-01-27 20:53:30
tags: hexo-next
comments: true
description: hexo-next主题会在主页显示完整文章，使得主页十分冗长，这篇文章介绍了如何折叠主页文章的方法。
---

实现效果

3. 方法三

安装hexo-excerpt插件：在博客根目录下打开命令行，运行以下命令：

npm install hexo-excerpt --save

在站点配置文件_config.yml中添加以下代码：

excerpt:
  depth: 3                # 摘录的深度，即生成的摘录内容所包含的层级标题数量
  excerpt_excludes: []    # 不生成摘录的页面列表
  more_excludes: []       # 不使用<!-- more -->标签的页面列表
  hideWholePostExcerpts: true # 是否隐藏全文摘录（当文章较短时，可能不需要摘录）

在主题配置文件.\themes\next\_config.yml中，启用摘录描述和阅读全文按钮选项:

excerpt_description: true  # 是否在摘录下方显示文章描述
read_more_btn: true        # 是否显示阅读全文按钮

实现效果：