介绍Hexo博客功能优化项,如 文章置顶、显示版权、访问统计、字数统计、显示更新时间等
文章置顶
在Hexo博客中,有时候我们想要将一些特别的文章一直置顶在首页。Hexo博客中,默认的情况是按照时间倒序来排列的,即新发布的文章排在前面。虽然有一种很简单的方法,就是更改文章的发布时间到一个“未来”的时间点,这样虽然能让文章一直置顶,但是给人的体验和感觉是非常不好的。
今天介绍一种非常简单而且体验上也非常好的方法。
安装node插件
1 | $ npm uninstall hexo-generator-index --save |
添加标记
在需要置顶的文章的 Front-matter
中加上 top: true
即可。
比如:
1 | --- |
ok,现在发布文章,就能看到我们设置的文章已经置顶显示了,即使是之前发布的文章,同时日期也不会被更改。
相关参考
显示版权信息
一般在网络上发表文章时,都要时刻提防着网络爬虫的抓取。特别是有些网站在抓取到你的文章后进行一些词语、段落的修改,公然改为自己发表的文章。完全无视原作者的辛苦。
为了更好的标明文章的版权,一般我们都会在文章中添加上文章的链接、版权声明等信息,虽然不能完全彻底的抵制文章抄袭的情况,也算是“防君子不防小人”吧。
启用版权
我使用的是 Hexo
的 Next
主题。找到主题目录下的 _config.yml
文件,更改以下部分:
1 | # Declare license on posts |
将其中的 enable: false
改为 enable: true
即可。
但是改完后,使用 hexo s -g
预览,发现 “本文链接” 部分有问题。
这就需要我们修改主站点的配置文件了。打开主站点的 _config.yml
文件,修改:
将 url
部分改成自己站点的域名地址即可。
相关参考
访问统计功能
在博客中我们一般都比较在意自己博客的访问量,或者哪篇文章比较受欢迎之类的。
在Hexo的 Next
主题下带有多种统计和分析的功能。这里我选择 不蒜子统计
来显示文章的访客数、浏览量等信息。
启用统计
找到 Next
主题下的配置文件 _config.yml
,找到 busuanzi_count
部分:
1 | # Show PV/UV of the website/page with busuanzi. |
当 enable: true
时,代表开启全局开关。
当 site_uv: true
时,代表在页面底部显示站点的UV值。
当 site_pv: true
时,代表在页面底部显示站点的PV值。
当 page_pv: true
时,代表在文章页面的标题下显示该页面的PV值(阅读数)。
相关参考
显示文章更新时间
在文章列表中我们一般都能看的文章的发布时间。对于一些文章来说,比如涉及到文章中的内容过期,或者软件的升级等等,我们都会进行一些修改。这种情况下,我们就像把文章的更新日期也显示处理,也能让读者看的我们写的之前的文章也是有更新的,不会过时的。
显示更新日期
在 Next
主题下添加显示更新时间非常简单,找到主题下的配置文件 _config.yml
的 post_meta
部分:
1 | # Post meta display settings |
将 updated_at: false
修改为 updated_at: true
即可。
通过 hexo s -g
预览,可以看到已经自动添加上了更新日期。
自定义显示更新日期
对于某些特殊的文章,我们也想能够自定义这个更新的日期。当然,更改起来也非常的简单,Hexo默认就支持更新日期的配置。
在每一篇文章的 Front-matter
部分,只要添加 updated
参数即可。
1 | --- |
这样我们就自定义了这篇文章的更新时间。
相关参考
添加文章字数统计
一般为了让读者大概估计阅读文章的时间,有的文章在头部会显示总的字数统计。
启用字数统计
首先安装一个依赖插件:
1 | npm i --save hexo-wordcount |
然后修改主题配置文件 _config.yml
中的 post_wordcount
部分:
1 | # Post wordcount display settings |
将 wordcount: false
改为 wordcount: true
即可显示单篇文章的总字数了。
另外,totalcount
是用来统计整站总的字数的。