博客优化记录

1、阅读全文

优化前,首页会显示所有文章的全文,这样首页非常长

优化后,首页不显示文章正文,只显示文章description

在文章中添加description,并提供文章摘录,如下图所示

1
2
3
4
5
---
title: Hive简单优化总结
date: 2018-06-19 19:26:51
description: Hive简单优化,分析师必备
---

优化结果展示

2、字数统计&阅读时长

优化前

优化后

next主题默认已经集成了文章【字数统计】、【阅读时长】统计功能,如果我们需要使用,只需要在主题配置文件_config.yml 中打开即可。如下所示:

1
2
3
4
5
6
post_wordcount:
item_text: true
wordcount: true # 单篇 字数统计
min2read: true # 单篇 阅读时长
totalcount: false # 网站 字数统计
separated_meta: true

打开后如果文章没有字数统计功能,则需要安装插件

1
npm i --save hexo-wordcount

另外如果需要显示文字的话,打开post.swig文件,路径如下:

blog/themes/next/layout/_macro/post.swig

修改【字数统计】,找到如下代码:

修改为:

同理,我们修改【阅读时长】,修改后如下:

修改完成后,重新执行启动服务预览就可以了。

3、增加分类频道

1) 修改主题配置文件,取消/增加注释即可增加分类等频道。

1
2
3
4
5
6
7
8
9
menu:
home: / || home
#about: /about/ || user
tags: /tags/ || tags
categories: /categories/ || th
archives: /archives/ || archive
#schedule: /schedule/ || calendar
sitemap: /baidusitemap.xml || sitemap
#commonweal: /404/ || heartbeat

修改完成后会有下面的效果,这里加了标签、分类、站点地图

2) 增加文章分类/标签属性

找到这个文件,这个文件是控制发文的格式的

~.nvm/blog/scaffolds/post.md

文件修改为下面的内容,那么在新建文章时会自动带上这些属性

1
2
3
4
5
6
7
---
title: {{ title }}
date: {{ date }}
tags:
categories:
description:
---

接下来在文章中,填写上具体的分类和标签即可。比如这个博文,分类是博客搭建,标签有博客。

1
2
3
4
5
6
7
8
9
---
title: 博客优化记录
date: 2020-02-25 17:38:14
categories:
- 博客搭建
tags:
- 博客
description: 博客优化信息记录
---

具体发布生效的效果