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
相关推荐
Qlittleboy4 小时前
uniapp如何使用本身的字体图标
javascript·vue.js·uni-app
Days20504 小时前
LeaferJS好用的 Canvas 引擎
前端·开源
毕设源码-朱学姐4 小时前
【开题答辩全过程】以 4S店汽车维修保养管理系统为例,包含答辩的问题和答案
java·spring boot·汽车
小白菜学前端4 小时前
vue2 常用内置指令总结
前端·vue.js
林_深时见鹿4 小时前
Vue + ElementPlus 自定义指令控制输入框只可以输入数字
前端·javascript·vue.js
GDAL4 小时前
Knockout.js 任务调度模块详解
javascript·knockout
椒盐螺丝钉4 小时前
Vue组件化开发介绍
前端·javascript·vue.js
koooo~4 小时前
v-model与-sync的演变和融合
前端·javascript·vue.js
GW_Cheng4 小时前
分享一个vue2的tinymce配置
开发语言·javascript·ecmascript
matlab的学徒4 小时前
Web与Nginx网站服务(改)
linux·运维·前端·nginx·tomcat