为你的Hexo博客增加炫酷的特效,这里我使用的是简约的Next主题,在这个主题下给网页加载时进度条特效,网页背景特效。
#加载页面进度特效
页面加载过程中顶部的进度条。
在主题配置文件里找到
pace: true
设置成true
然后设置进度条的主题
pace_theme: pace-theme-minimal
可选的进度条主题
pace-theme-big-counter 右上角很大的百分比
pace-theme-bounce 右上角球跳动
pace-theme-barber-shop 整个页面蓝白相间刮过
pace-theme-center-atom 页面中间有原子转圈并有百分比
pace-theme-center-circle 一个圆写着百分比 左右翻转着
pace-theme-center-radar 页面中间有个大的WiFi图标转圈
pace-theme-center-simple 中间小段蓝色进度条 无百分比
pace-theme-corner-indicator 右上角三角 里面有圆再转
pace-theme-fill-left 整个页面蓝色刮过 浅颜色
pace-theme-flash 右上角小圆圈 不闭合的 转圈
pace-theme-loading-bar 页面中间粗的进度条 百分比
pace-theme-mac-osx 页面上方粗的蓝色进度条 同时整个页面灰色进度
pace-theme-minimal 最简单的,页面顶部蓝线进度条。细的
#网页背景特效
喜欢哪个设置成true就行,可以设置多个
Canvas-nest 帆布巢 跟着鼠标的灰色菱形
canvas_nest: false
three_waves 三波 波动的灰色小球
three_waves: true
canvas_lines 帆布线 页面背景 有灰线链接 鼠标移动也动
canvas_lines: false
canvas_sphere 帆布球 页面中间辐射的黑线
canvas_sphere: false
我试了一下感觉太晃眼了,就没弄了
看自己喜好吧