前言

  • 这是我第一次做插件,本来没想着自己能做得多好,但是嘛,一不小心就做出了个很棒的插件。(兄弟~别闹,你只是个插件!)
  • 本次插件将“Racns-优雅的美化”做成了插件,并且内置了13个动态背景供用户选择!
  • 本插件正式命名为AliceStyle,插件内置了许多常用的美化功能,不需要修改任何源代码,完美兼容handsome主题。(傻瓜式一键美化主题,让你的美化更加简单!)
  • 之前使用了 “Racns-优雅的美化” 该教程 美化了前台的同学 需要注意一下,启用AliceStyle插件前需要到主题设置中 删除三行代码才食用本插件 ,以免造成冲突。
  • AliceStyle插件会持续更新,不少用户反映增加适合男孩子的美化教程,但是本小兔子时间有限,只能等待持续更新了!

萌卜兔's是AliceStyle插件唯一官方平台,一切版权归萌卜兔's所有,官方地址:http://racns.com

AliceStyle插件Ver-2.4.1

  1. 内置13个优美的动态背景(还会再增加的)
  2. 全局主题提供透明模式和默认模式,增加了小清新的白色主题
  3. 自带两种返回顶部按钮(拉姆雷姆和夏目的猫)
  4. 后台标题显示插件授权信息
  5. 本插件最大亮点:全网唯一的,自带检测更新的,独一无二的主题美化插件
    (PS:插件有更新的时候,会自己检查是否有最新版,如果是就会提示下载更新,方便了使用本插件的同学,不用整天盯着我的博客看最新动态)

插件启用后,默认启用的功能:

  1. 首页文章列表获取焦点放大
  2. 首页头像自动旋转
  3. 首页文章版式阴影化
  4. 首页文章图片获取焦点放大
  5. 顶部彩色跑马灯特效
  6. 文章内打赏处插入menhera酱求打赏图片
  7. 文章内打赏图标跳动
  8. 右侧列表导航栏图标颜色
  9. canvas动态背景
  10. 页面背景透明
  11. 主题盒子优化等效果
  12. 评论框打字粒子特效
  13. 博客信息标签和标签云彩色特效

效果演示

AliceStyle-01.png

未启用插件之前的效果图,其实也还好,就是总感觉少了点什么!

AliceStyle-02.png

启用插件之后,是不是感觉好看了很多!

AliceStyle-03.png

插件设置页面,就连插件设置页面也是全网独一无二的,好看吧!

AliceStyle插件下载


(此处12月11日已更新到最新版,请先下载并替换最新版文件,记得改名哟)



PS:点击这个按钮或者搜索Q群:878555202,添加AliceStyle插件交流群,有什么问题可以在群里咨询!

使用了“Racns-优雅的美化”教程的同学先看这

之前使用了Racns-优雅的美化教程的同学,需要先按照以下步骤操作再使用插件

在 “后台” → “设置外观” → “开发者设置” → “自定义输出head 头部的HTML代码” 删除以下代码:<div id="top-grrk"></div><link rel="stylesheet" type="text/css" href="//你的域名/usr/extend/custom.css">

在 “后台” → “设置外观” → “开发者设置” → “自定义输出body 尾部的HTML代码” 删除以下代码:<script type="text/javascript" src="//你的域名/usr/extend/custom.js"></script>

在 “后台” → “设置外观” → “开发者设置” → “自定义输出body 尾部的HTML代码” 删除以下代码:<script type="text/javascript" src="//你的域名/usr/extend/canvas.js"></script>

AliceStyle使用说明

1、将插件上传至插件目录/usr/plugins/

2、解压插件并改名AliceStyle注意大小写

3、在“后台”启用该插件,并设置插件

4、至此,祝你食用愉快!


对于美化的css和js文件,推荐放在本插件的/usr/plugins/AliceStyle/static/css/custom.css和/usr/plugins/AliceStyle/static/js/need_file/custom.js中,避免主题更新覆盖

如果需要关闭某些已经显示的效果,但是插件设置中没有关闭按钮,可以自行修改源代码,以需要不显示“顶部彩色跑马灯特效”为例

1、到/usr/plugins/AliceStyle/static/css/目前下面

2、打开custom.css文件

3、根据注释的功能标题提示,找到“顶部彩色跑马灯特效”并注释对应的代码即可

如果需要修改的js,在目录/usr/plugins/AliceStyle/static/js/need_file下的custom.js中修改

将css和js填写到插件中

此方法避免插件升级导致使用本插件的同学修改或添加的css或js导致被覆盖的解决方案

1、到/usr/plugins/AliceStyle/static/user/目前下创建user.css和user.js文件

2、将自己需要添加的css或js代码添加到对应的文件中

3、user.css和user.js文件默认插件启用生效

开发日志

AliceStyle-Ver2.4.X版本

2019-12-11:增加了一个动态背景
2019-12-9:增加了一个动态背景
2019-12-5:handsome5.3更新到6.0,本插件跟随兼容更新不兼容的一个地方

AliceStyle-Ver2.3.X版本

2019-12-4:优化遮罩特效(樱花和雪花),手机终端不显示,防卡防遮挡
2019-12-3:bug修复!1、修复阅读模式无法使用;2、修复时光机上传页面被遮挡导致无法上传问题
2019-11-27:并发布了Ver-2.3.7版本,并再GitHub上同时发布最新版本
2019-11-26:增加了2个页面遮罩特效(樱花和雪花)
2019-11-17:增加了2个Live2D看板娘和3个鼠标样式,并发布了Ver-2.3.6版本
2019-11-16:增加了2个主题样式
2019-11-15:动态背景由7个增加到13个
2019-11-14:美化了AliceStyle插件页面,并发布了Ver-2.3.0版本
2019-11-13:实现全网唯一的在线检测更新和公告发布功能的插件并增加了2个返回顶部部件
2019-11-12:canvas动态背景增加到了7个
2019-11-11:实现动态背景功能插件化
2019-11-10:实现Racns-优雅的美化插件化
2019-11-09:开始开发AliceStyle插件
2019-11-08:产生开发主题美化插件的想法

本文链接:AliceStyle美化插件(十分强大的插件) - https://racns.com/374.html

版权声明:如无特别声明,本文即为原创文章,仅代表个人观点,版权归 萌卜兔's Blog 所有,未经允许不得转载!
最后修改:2019 年 12 月 31 日 02 : 19 PM
如果觉得我的文章对你有用,请随意赞赏