前言

  • 这是我第一次做插件，本来没想着自己能做得多好，但是嘛，一不小心就做出了个很棒的插件。（兄弟~别闹，你只是个插件！）
  • 本次插件将“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插件下载


（此处1２月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
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏