Hexo自动生成摘要

个人博客地址:Hexo自动生成摘要 | 一张假钞的真实世界

Hexo首页默认展示整篇内容,会导致首页非常冗长。虽然可以在头设置中指定摘要 excerpt: 值,或者在文章中使用 <!-- more -->,那么 <!-- more --> 之前的文字将会作为摘要。如下:

html 复制代码
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<!-- more -->
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

更好的选项是,使用摘要自动生成插件 hexo-excerpt。

安装

bash 复制代码
npm install hexo-excerpt --save

配置

可以通过在配置中设置深度(默认为10)来指定摘录的大小。

还可以使用 css 选择器从生成的摘录中排除某些标记。与任何选择器匹配的标记将被排除在外。

默认行为是只显示一个摘录,如果它不会是整篇文章。将 hideWholePostExcerpts 设置为 false 以覆盖它并显示整个文章摘要。

在站点配置文件中添加以下配置:

javascript 复制代码
excerpt:
  depth: 5
  excerpt_excludes: []
  more_excludes: []
  hideWholePostExcerpts: true
相关推荐
以和为贵几秒前
前端也能搞懂 RAG:用 JS 手写一条最小检索增强链路
前端·人工智能·面试
风止何安啊6 分钟前
网课倍速痛点解决:一套前端代码实现自由控速播放器
前端·javascript·node.js
张不才14 分钟前
CPU 100% 了怎么办?Java 性能排障的标准化操作
java·后端
牧艺14 分钟前
用 Next.js + React Three Fiber 打造 3D 快递仓储可视化
前端·three.js
锋行天下1 小时前
如何用Vite实现Vue组件的按需打包和远程加载
前端·vue.js·前端框架
光影少年1 小时前
原生DOM操作在React 中的注意事项
前端·javascript·react.js
糖拌西瓜皮2 小时前
Node.js核心模块实战:文件、路径、HTTP与流处理
javascript·node.js
糖拌西瓜皮2 小时前
NestJS入门指南:Java开发者的Spring Boot体验
javascript·node.js
糖拌西瓜皮2 小时前
Express框架快速上手:中间件、路由与错误处理
javascript·node.js
shepherd1112 小时前
吞吐量提升 10 倍:高并发大批量数据处理任务的架构演进与性能调优
java·后端·架构