博客文章添加折叠功能
博客文章中,有些内容篇幅较大,但是可能对一部分读者来说,并不会特别关注,所以这些数据的展示,可能会直接导致整篇博文变得臃肿,而对另一部分读者,这部分详细的介绍却非常重要,因此不能简单的缩减博文,所以这个时候,针对文章中这部分篇幅较大的内容,增加折叠功能可以很好的解决这类问题。
在main.js中添加折叠js
next主题的主要js位于 themes/next/source/js/src/post-details.js
在里面找合适的位置,添加如下代码:
1 | $(document).ready(function(){ |
自定义内建标签
在主题scripts
下添加一个tags.js
, 位于themes/next/scripts/tags.js
1 | /* |
再继续添加一个themes/next/scripts/fold.js
1 | /* global hexo */ |
最后,添加几个自定义样式,位置 themes/next/source/css/_custom/custom.styl
1 | .hider_title{ |
最后,在我们需要折叠的地方前后添加便签,示例用法:
1 | {% fold 点击显/隐内容 %} |
Hexo博文置顶(自定义排序)
HEXO默认是按照时间顺序排一条线,然后按照时间顺序来决定显示的顺序的。按照网上的教程整理了一份方法。
使用的是top属性,top值越高,排序越在前,不设置top值得博文按照时间顺序排序。
修改Hexo文件夹下的node_modules/hexo-generator-index/lib/generator.js
打开在最后添加如下javascript代码
1 | posts.data = posts.data.sort(function(a, b) { |
更改以后,在写博客的时候,添加top属性就可以啦;