一些说明
由于需要对网站进行一些简单的说明,或者有很重要的信息需告知访问者,这时候我们就需要使用网站置顶的功能。比如为加快网站访问速度,我的网站使用了Hexo缓存插件,更新新的内容后,可能需要手动刷新页面,就可以通过置顶
文章来说明了。
我的一位好朋友之前说加上文章点赞功能,否则他看完了都不能表示点什么,因此就加上了这个评分功能。
添加文章置顶功能
安装插件
卸载原来的插件,安装带置顶功能的插件netcan/hexo-generator-index-pin-top: Index generator plugin for Hexo. Pin top version
1 | $ npm uninstall hexo-generator-index --save |
使用
在需要置顶的文章中的Front-matter
加入top: true
即可。
优化
打开/themes/next/layout/_macro
下的post.swig
文件,定位到<div class="post-meta">
下(约63行),插入如下代码:
1 | {% if post.top %} |
如图:
最终效果:
添加评分功能
修改主题配置文件_config.yml
,修改为:
1 | # Star rating support to each article. |
再打开 https://widgetpack.com ,首页点 Rating, 注册一个账号,完成后左上角有一个ID,填入即可。
- 可以配置评分方式,侧栏 > Rating > Setting,建议用 IP address 或 Device(cookie),免登录
- 建议 侧栏 > Site > Setting 中勾选 Private 选项。
修改内容区宽度
针对Picses
样式,修改next/source/css/_schemes/Picses/_layout.styl
,文件末尾添加:
1 | // 白色区域的最大宽度 |
修改完成后需要hexo clean
再重新生成文件生效。
参考:
hexo博客优化之文章置顶+置顶标签 - qwerty200696的博客
打造个性超赞博客Hexo+NexT+GitHubPages的超深度优化
修改NexT Pisces主题样式 | PJ’S BLOG