Hexo博客Next主题,网页背景及页面进度条炫酷特效

为你的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

我试了一下感觉太晃眼了,就没弄了

看自己喜好吧

本文标题:Hexo博客Next主题,网页背景及页面进度条炫酷特效

文章作者:walking

发布时间:2019年05月25日 - 14:08:54

最后更新:2019年05月29日 - 13:17:35

原始链接:https://itwalking.top/page/a92117.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

坚持原创技术分享,您的支持是我创作的源泉!
0%