- Notifications
You must be signed in to change notification settings - Fork3
alomerry/skymo
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
插件最新更新时间:2021/02/24
- 页脚自定义
- 添加 娃娃字体
- 添加 社会主义核心价值观 click 动效。
- 添加 爱心浮动 click 动效。
- 修正 访客颜色。
- 修正 Github 页面颜色。
- 配置 可调字体大小。
- 自定义字体以及生效位置(V1.2)。
- 添加背景流动彩带。
- 美化页脚样式,并提供自定义样式。
- 添加赞赏按钮跳动。
- 添加鼠标痕迹:
- 星星轨迹
- 爱心浮动(待添加)
- 社会主义核心价值观(待添加)
- 博客信息美化。
- 彩色标签。
- 首页头像 hover 转动。
- 首页文章图片获取焦点放大。
- 页面失去焦点后可以设置动态标签名。
- 本插件带有一些额外样式优化,可能会和已有的插件样式冲突,如果有请在 GitHub 提交 issue。
- 下载本插件,解压到
usr/plugins/
目录中。 - 进入网站后台-控制台-插件-激活插件。
- 启用或关闭部分动效。
Github下载地址
添加 Wawa 字体。
添加字体选择和字体生效位置。
将插件设计成可配置启动/关闭。
- 添加动效
- 添加背景
- ZCOOL XiaoWei
- Manaco
修改彩带位置
varscreenInfo=function(e){varwidth=Math.max(0,_w.innerWidth||_d.clientWidth||_b.clientWidth||0),height=Math.max(0,_w.innerHeight||_d.clientHeight||_b.clientHeight||0),scrollx=Math.max(0,_w.pageXOffset||_d.scrollLeft||_b.scrollLeft||0)-(_d.clientLeft||0),scrolly=Math.max(0,_w.pageYOffset||_d.scrollTop||_b.scrollTop||0)-(_d.clientTop||0);return{width:width,height:height,ratio:width/height,centerx:width/2,centery:height/2,scrollx:scrollx,// scrolly: scrollyscrolly:0};};
修改彩带参数
this._canvas=null;this._context=null;this._sto=null;this._width=0;this._height=0;this._scroll=0;this._ribbons=[];this._options={colorSaturation:"80%",// ribbon color HSL saturation amountcolorBrightness:"60%",// ribbon color HSL brightness amountcolorAlpha:1,// ribbon color opacity amountcolorCycleSpeed:8,// how fast to cycle through colors in the HSL color spaceverticalPosition:"center",// where to start from on the Y axis on each side (top|min, middle|center, bottom|max, random)horizontalSpeed:200,// how fast to get to the other side of the screenribbonCount:3,// how many ribbons to keep on screen at any given timestrokeSize:0,// add stroke along with ribbon fill colorsparallaxAmount:-0.5,// move ribbons vertically by a factor on page scrollanimateSections:true// add animation effect to each ribbon section over time};
设置彩带CSS
this._canvas=document.createElement("canvas");this._canvas.style["display"]="block";this._canvas.style["position"]="fixed";this._canvas.style["margin"]="0 0 0 0";this._canvas.style["padding"]="0 0 0 0";this._canvas.style["border"]="0";this._canvas.style["outline"]="0";this._canvas.style["left"]="0";this._canvas.style["top"]="0";this._canvas.style["width"]="100%";this._canvas.style["height"]="100%";this._canvas.style["z-index"]="-1";this._canvas.style["background-color"]="rgba(31, 31, 31, 0)";this._canvas.id="bgCanvas";
注意,该动效默认启用,插件设置中未提供开关。