AliceStyle美化插件（十分强大的插件）

博主： racns
发布时间：2019 年 11 月 14 日
42092次浏览
548 条评论
10031字数
分类：平台开发

前言

2019-11-09日开始开发本插件，这是我第一次做插件，本来没想着自己能做多好的，但是随着版本的不断更新，AliceStyle随之变得越来越强大
开发本插件的初衷是为了让更多不懂代码不懂开发的小伙伴，也能用上好用方便的插件，很多小伙伴刚开始搭建博客，嫌弃不好看，只能四处寻找美化教程，但是拿到的教程全是代码，不会用或者用错不生效等问题随之出现，为了节省麻烦和方便大家的使用，所以才开始有了本插件
我希望AliceStyle不只是我的插件，而是大家的插件，大家提供想法，我来实现大家的想法，这才是AliceStyle该有的样子
本插件内置了许多常用的美化功能，不需要修改任何源代码（傻瓜式一键美化主题，让你的美化更加简单！）

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

AliceStyle插件`3.2`

插件简介

内置16个优美的动态背景（还会再增加的）
全局主题提供透明模式和默认模式，增加了小清新的白色主题
自带两种返回顶部按钮（拉姆雷姆和夏目的猫）
后台标题显示插件更新信息
本插件最大亮点：全网唯一的，自带检测更新的，独一无二的主题美化插件
自带夜间模式和后台美化

（PS：插件有更新的时候，会自己检查是否有最新版，如果是就会提示下载更新，方便了使用本插件的同学，不用整天盯着我的博客看最新动态）

效果演示

未启用插件前

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

启用插件后

启用插件之后，是不是感觉好看了很多！

未启用插件前的后台

这个是Typecho默认的后台界面，很丑，而且一点都不方便，特别是手机端

启用插件的后台美化后

AliceStyle插件2.6.3之后，就更新了后台美化功能，至此本插件不仅仅只是美化前台了

登录界面美化

本插件还对登录和注册页面进行了美化，并且可以在设置中根据自己的需求更换登录壁纸以及登录框的参数等

AliceStyle插件功能图一

根据不少用户的反馈，2.6.0版本之后，所有功能均实现自定义操作，根据用户需求开启对应美化

AliceStyle插件功能图二

AliceStyle插件下载

注：此处7月21日已更新到最新版，请先下载并替换最新版文件，记得改名哟，注意：GitHub暂时非最新版，最新版请从本站下载

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

AliceStyle使用说明

禁用删除插件，上传启用插件

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

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

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

4、至此，祝你食用愉快！

注意：本次更新增加了后台美化功能，如若使用过替换admin文件的方式进行美化后台的，请先下载typecho文件，替换原本的admin文件，再启用本插件的后台美化，或者下载本文准备好的原admin文件进行替换

不开启后台美化，请看这里

针对不使用本插件中"后台美化"功能的小伙伴，我们建议您注释插件文件内的三行代码，以免导致后台崩溃

应该本插件的后台美化功能是对那些无改的用户开发的，所以自己改过后台的，启用本插件后会导致后台样式错乱，修改的操作如下

在/usr/plugins/AliceStyle/Plugin.php文件中，注释第46~53行代码

重启插件即可，这样既保留了自己原来的后台，又能使用本插件

彩色标签云PJAX回调函数

如果发现彩色标签云需要刷新页面才可以显示，可以在"主题设置"->"PJAX"->"PJAX回调函数"中输入一下代码，即可实现无刷新效果

let tags = document.querySelectorAll("#tag_cloud-2 a,.list-group-item .pull-right");
let colorArr = ["#86d2f3", "#a3dbf3", "#5dbde7", "#6b7ceb", "#919ff5", "#abb6f5"];
tags.forEach(tag =>{
    tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
    tag.style.backgroundColor = tagsColor
});

夜间模式参数

登录框美化参数

登录框的参数可以根据自己的需求在插件设置中填写，为了让小白懂得怎么配置，这里推荐几个参数，直接复制粘贴到插件设置中的登录框美化中并保存即可

1、#000-#fff-0.6
2、#000-#fff-0.6-200px
3、#fff-#000-0.6-20px
4、rgba(0,0,0,0.7)-#fff-1-10px
... ...
# 更多参数搭配可以慢慢发掘，使用本功能前，建议了解一下CSS的颜色参数
/* 一共4个参数，分别是背景颜色、字体颜色、透明度和边框圆角度 */
/* 参数一、参数二的值必须是HEX或RGB值 */
/* 参数三的值范围在0~1之间，值越小，透明度越高 */
/* 参数四可选填，格式为 数值px ，如20px，值越大，圆角越圆 */

天气信息

这里给小伙伴们提供一个我个人的天气信息共享的API，好处就是可以直接使用，弊端就是可能会出现调用上限，因为是共享的，而这个API每天最多只能调用30W次

有兴趣的小伙伴也可以自己去高德官网申请一个API

# 直接复制到插件设置内的“天气信息”处，保存即可使用天气信息功能

a03c706da9ec87d07b6b2d2684ac94e3

BUG？不可能的，所有BUG已修复，如有BUG，请及时上报，我会以最快的速度修复，以免影响使用

部分插件生成的快捷入口，本插件的菜单栏无法显示

如有BUG，将会在此处显示目前存在的已知的未修复的BUG，如果此处没有显示BUG，则表示所有BUG已修复！感谢每一位主动上报BUG的小伙伴

如果小伙伴有什么想法，可以提出建议，本兔会按照用户的想法，增加功能

增加后台自定义配色方案

开发日志

AliceStyle3.X版本

2020-7-21更新了以下内容

兼容了handsome7.0
适配了夜间模式-更深的夜
修复和优化了响应耗时，顺便增加了几个小功能
增加了一个动态背景

2020-7-10更新了以下内容

修复了插件不能生成入口的BUG
美化了后台UI（新拟态）

2020-7-7更新了以下内容

【重点】支持OSS或COS等加速缓存，将会提供静态文件上传至你的加速站点
【次要】针对天气信息功能，增加更多的小功能
【重要】为了您的更好体验，优化了API（在线检查更新功能）

AliceStyle2.7.X版本

增加了字体美化
增加了动态标题
增加了天气信息

AliceStyle2.6.X版本

handsome主题的访问总数和响应耗时已经实现了，不需要配置前台即可显示
handsome主题的评论打卡功能，也是不需要配置前台就可以显示了
夜间模式的切换按钮有个问题，就是登录入口被隐藏之后，就无法显示按钮了，这个问题已经解决了
增加了AliceStyle插件启用和禁用的反馈效果

2020-5-21更新了以下内容

修复主题美化中的"标题居中"无法兼容handsome酷炫模式下的时光机页面
自定义修改全局字体
增加自定义title离开提示
取消或自定义ICO title图标
夜间模式自主切换按钮
增加了一个动态背景
增加Live2D模型
增加酷炫夜间模式

2020-5-6更新了以下内容

修复了启用插件后的前台ICO图标被篡改的问题
修复了插件服务器崩溃后，导致用户后台无法进入的问题
AliceStyle插件正式开源

2020-3-25更新了以下内容

感谢静谧星河小伙伴修复了"漫漫星空"背景和"鼠标样式三"同时使用不兼容，导致控制台不停报BUG的问题
修复了DocumentRoot根路径不一致，导致后台左边菜单栏消失的问题
修复了其他插件页面存在的按钮，导致不见了的问题，如Handsome插件的"构建文章索引"按钮
修复了后台"个人设置"页面的"更新我的档案"、"保存设置"和"更新密码"按钮合并成了一个的问题
修复了撰写文章页面的图标不显示以及"发布文章"按钮位移的问题
美化了后台中所有页面的按钮和文本框

2020-3-22更新了以下内容

更加人性化的"动态背景"命名方式
更加个性化的"主题美化"
"更新提示"提示开关，让重要的更新不再错过
"夜间模式"应运而生
更加美观的"后台美化"
可供需求更换的"登录壁纸"
更加高级的"登录框美化"

AliceStyle2.4.X版本

AliceStyle2.4.X更新了以下内容

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

AliceStyle2.3.X版本

AliceStyle2.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尊严的小伙伴，开发本插件的初衷是为了让更多的小伙伴，能免费用上好用的插件，即便不会开发不懂代码，也能让自己的博客变得好看漂亮

非常感谢凌梦云提供的高配服务器以及高防IP等一系列赞助

昵称	博客链接	金额(元)
TiAmo	http://tiamolh.com	12RMB(一杯奶茶)
七月's Blog	https://www.onlaly.com	8.88(一个红包)
枯木逢春	http://oooic.cn	6RMB(一瓶红牛)
不一止集	http://buyivi.xyz	6RMB(一瓶红牛)
重生少年	https://manyacan.com	6.6RMB(一个赞)
星辰Levi	匿名用户	16.66RMB(一杯奶茶)
东北小蟹蟹	https://crab-in-the-northeast.site	10RMB(两块烤山药)
YAIM	备注：献上我一颗敬畏之心。	19.99RMB(可乐加汉堡)
William	匿名用户	10RMB(一杯奶茶)
Lyuan	https://lyuan.life	10.95RMB(一杯奶茶)
小柒	https://www.xiaoqi22.cn	10RMB(流浪猫的一份猫粮)
*芳君	备注：给兔子？买胡萝卜	9.9RMB(一个胡萝卜)
Will	匿名用户	20RMB(20包小鱼干)
Gordsky	新年快乐	18.88RMB(新年祝福)
迷途の小窝	http://blog.987dg.cn/	8.88RMB(一声问候)
Hysytess's ZONE	http://120.25.147.191/	12RMB(一杯奶茶)
just!smile	https://www.vachiko.com	10RMB(支持一下)
匿名赞助	匿名赞助	8RMB(一瓶水)
未央	https://www.asfor.cn/	6.66RMB(一个BUG)
来去之间	https://laiquzhijian.cn/	66.66RMB(10个鸡腿)
未知用户	备注：老乡，顶顶顶	9.99RMB(一份支持)
未知用户	微信赞助	50RMB(一大份支持)
Root	QQ红包赞助	20RMB(一份支持)
夜月归途	备注：请博主喝奶茶	28.88RMB(大杯奶茶)
顾亦\|y2jq.com	备注：给你赞个助，更新要勤快	88.88RMB(超大份叮嘱)
萌王	备注：赞赏	18.88RMB(大杯奶茶)
星闻网	备注：赞赏	8.88RMB(一杯奶茶)

如果你想要赞赏兔子博主，可以通过文章最后面的赞赏按钮赞赏，感谢您的支持！
也可以通过下面的三合一收款码赞赏兔子博主，感谢您的支持！
赞赏请将你的信息（昵称、博客地址和赞赏金额）通过QQ或是留言的方式发给兔子，用于“赞赏名单”公示

最后修改：2020 年 07 月 23 日 01 : 40 PM

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复

评论 *

接收邮件通知

私密评论

名称 *

邮箱 *

地址

548 条评论

湫谷
August 7th, 2020 at 10:52 pm

更新handsome7.2后，开启“文章选择卡”功能，会导致在正文文章中任何地方都会显示小手图标，而不是正常的鼠标指针。

回复
zeruns
August 6th, 2020 at 02:04 pm

更新handsome7.2后，该插件会导致异端文章标题不显示

回复
1. zeruns
  August 6th, 2020 at 02:09 pm
  
  @zeruns
  重启一下插件恢复正常了
  
  回复
初阳
August 6th, 2020 at 08:38 am

博主回复一下下吖。

回复
1. racns
  August 6th, 2020 at 10:20 am
  
  @初阳
  ？？？
  
  回复
孤鸿
August 1st, 2020 at 01:34 am

报告博主，该插件在handsome主题打开pjax后，彩色标签失效！！！

回复
1. TremblingBoy
  August 1st, 2020 at 05:53 pm
  
  @孤鸿
  AliceStyle插件下载->高级用法->彩色标签云PJAX回调函数，拷贝到主题设置Pjax里
  
  回复
  1. 孤鸿
    August 1st, 2020 at 10:12 pm
    
    @TremblingBoy
    该评论仅登录用户及评论双方可见
    
    回复
    
    racns
    August 1st, 2020 at 11:31 pm
    
    @孤鸿
    插件是这个https://blog.imalan.cn/archives/349/
    
    回复
    
    孤鸿
    August 1st, 2020 at 11:33 pm
    
    @racns
    收到，谢谢博主，求分享一个自定义模版内容，已小小赞赏为谢！！
    
    回复
    
    racns
    August 1st, 2020 at 11:39 pm
    
    @孤鸿
    谢谢╰(´︶`)╯你指的是参数还是内容呢
    
    回复
    
    孤鸿
    August 1st, 2020 at 11:40 pm
    
    @racns
    内容和参数，我看到你的邮件回复被深深的帅住了，哈哈！！！
    
    回复
    
    racns
    August 1st, 2020 at 11:44 pm
    
    @孤鸿
    内容是是音游的源码，这个需要你加我才能发给你，联系方式入口在本页面底部的萌卜兔
    
    回复
    
    racns
    August 1st, 2020 at 11:43 pm
    
    @孤鸿
    参数的话：主题设置-高级设置-左侧边栏导航
    参数：{"name":"音游","class":"glyphicon glyphicon-magnet","link":"https://racns.com/usr/program/MiKutap"},
    {"name":"小公主","class":"glyphicon glyphicon-heart","link":"https://racns.com/usr/program/racns"},
    {"name":"实验室","class":"fontello fontello-emo-tongue","link":"//demo.racns.com"},
    {"name":"后台室","class":"fontello fontello-emo-tongue","link":"//xx.racns.com"}
    
    回复
    
    孤鸿
    August 1st, 2020 at 11:45 pm
    
    @racns
    额，抱歉啊，我指的是邮件回复的自定义模版！！！
    
    回复
    
    racns
    August 1st, 2020 at 11:47 pm
    
    @孤鸿
    博主模板：
    <div style="background-image: url(https://picabstract-preview-ftn.weiyun.com/ftn_pic_abs_v3/d238b26f98ee7f65ecce545440c47c892470aa613f3b44018c1e984cccde28d7048273dd4f5aac10e27610adf770c3ae?pictype=scale&from=30013&version=3.3.3.3&uin=1211515059&fname=18.jpeg&size=750);width:550px;height: 250px;background-size: cover;background-repeat: no-repeat;border-radius: 5px 5px 0px 0px;"></div> <div style="background-color:white;line-height:180%;padding:0 15px 12px;width:520px;margin:10px auto;color:#555555;font-family:'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size:12px;margin-bottom: 0px;"> <h2 style="font-size:14px;font-weight:normal;padding:13px 0 10px 8px;"><span style="color: #ff7272;font-weight: bold;"></span>您的<a style="text-decoration:none;color: #ff7272;" href="post_permalink}}" target="_blank">《{{post_title}}》</a>有了新的回复：</h2> <div style="padding (0 12px 0 12px;margin-top:18px"> <p><strong>{{comment_author_name) </strong> 给您的评论：</p> <style type="text/css"> .comment>img{margin: 0px 6px 5px 6px;width: 25px;} </style> <p class="comment" style="background-color: #f5f5f5;border: 0px solid #DDD;border-radius: 5px;padding: 10px 15px;margin:18px 0">comment_content}}</p> <p>详细信息：</p> <p style="background-color (#f5f5f5;border: 0px solid #DDD;border-radius: 5px;padding: 10px 15px;margin:18px 0">IP：{{ip) <br />邮箱：<a style="text-decoration:none;color: #ff7272;" href="mailto:comment_author_mail}}">{{comment_author_mail}}</a><br />状态：{{status}} [<a style="text-decoration (none;color: #ff7272;" href='{{manage_url) ' target='_blank'>管理评论</a>]</p> </div> </div> <a style="text-decoration: none;color: rgb(255, 255, 255);width: 40%;text-align: center;background-color: rgb(255, 114, 114);height: 40px;line-height: 40px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);display: block;margin: auto;" href="comment_permalink}}" target="_blank">查看回复的完整內容</a> <div style="color (#8c8c8c;;font-family: 'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size: 10px;width: 100%;text-align: center; padding-bottom: 1px;"> <p>©2019-2020 Copyright {{site_name) </p> </div>
    
    回复
    
    racns
    August 1st, 2020 at 11:46 pm
    
    @孤鸿
    访客模板：
    <div style="background-image: url(https://picabstract-preview-ftn.weiyun.com/ftn_pic_abs_v3/d238b26f98ee7f65ecce545440c47c892470aa613f3b44018c1e984cccde28d7048273dd4f5aac10e27610adf770c3ae?pictype=scale&from=30013&version=3.3.3.3&uin=1211515059&fname=18.jpeg&size=750);width:550px;height: 300px;background-size: cover;background-repeat: no-repeat;border-radius: 5px 5px 0px 0px;"></div> <div style="width: 200px;height: 40px;background-color: rgb(255, 114, 114);margin-top: -20px;margin-left: 20px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);color: rgb(255, 255, 255);text-align: center;line-height: 40px;">Dear: comment_parent_author_name}}</div> <div style="background-color (white;line-height:180%;padding:0 15px 12px;width:520px;margin:30px auto;color:#555555;font-family:'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size:12px;margin-bottom: 0px;"> <h2 style="font-size:14px;font-weight:normal;padding:13px 0 10px 8px;"><span style="color: #12ADDB;font-weight: bold;"></span>您在<a style="text-decoration:none;color: #ff7272;" href="{{post_permalink) " target="_blank">《{{post_title}}》</a>的评论有了新的回复：</h2> <div style="padding:0 12px 0 12px;margin-top:18px"> <style type="text/css"> .comment>img{margin: 0px 6px 5px 6px;width: 25px;} </style> <p>您的评论：</p> <p class="comment" style="background-color: #f5f5f5;border: 0px solid #DDD;border-radius: 5px;padding: 10px 15px;margin:18px 0">comment_parent_content}}</p> <p><strong>{{comment_author_name}}</strong> 给您的回复：</p> <p class="comment" style="background-color (#f5f5f5;border: 0px solid #DDD;border-radius: 5px;padding: 10px 15px;margin:18px 0">{{comment_content) </p> </div> </div> <div style="color:#8c8c8c;;font-family: 'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size: 10px;width: 100%;text-align: center;word-wrap:break-word;margin-top: -30px;"> <p style="padding:20px;">萤火虫消失之后，那光的轨迹仍久久地印在我的脑际。那微弱浅淡的光点，仿佛迷失方向的魂灵，在漆黑厚重的夜幕中彷徨。——《挪威的森林》村上春树</p> </div> <a style="text-decoration:none; color:#FFF;width: 40%;text-align: center;background-color:#ff7272;height: 40px;line-height: 35px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30);margin: -10px auto;display: block;" href="comment_permalink}}" target="_blank">查看回复的完整內容</a> <div style="color (#8c8c8c;;font-family: 'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size: 10px;width: 100%;text-align: center;margin-top: 30px;"> <p>本邮件为系统自动发送，请勿直接回复~</p> </div> <div style="color:#8c8c8c;;font-family: 'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size: 10px;width: 100%;text-align: center;padding-bottom: 1px;"> <p>©2019-2020 Copyright {{site_name) </p> </div>
    
    回复
    
    孤鸿
    August 1st, 2020 at 11:58 pm
    
    @racns
    哇哦谢谢博主，非常感谢！！！
    
    回复
TremblingBoy
July 30th, 2020 at 06:40 pm

兔兔，就是开启盒子模式之后首页推送的文章只有点标题才能进入，点击下面的摘要和背景图都不能跳转，这个怎么办呀，我试着改了下header.min.php好像并没有效果。

回复
1. TremblingBoy
  August 1st, 2020 at 05:50 pm
  
  @TremblingBoy
  搞定了嘻嘻，你只改了盒子模型的css，原来要改handsome内的文件
  
  回复
iexro
July 30th, 2020 at 12:21 pm

回复
Ives
July 29th, 2020 at 06:17 pm

请问，支持handsome7.1 吗

回复
1. racns
  July 29th, 2020 at 06:18 pm
  
  @Ives
  支持
  
  回复
  1. Ives
    July 29th, 2020 at 06:19 pm
    
    @racns
    强强强
    
    回复
SITE
July 29th, 2020 at 09:57 am

请问博主的博客里面内容的分栏是怎么实现的呢
；比如开发日志里面的开发进度|赞赏名单|赞赏须知
是怎么分开的呢？

回复
1. racns
  July 29th, 2020 at 03:21 pm
  
  @SITE
  handsome主题的tabs标签
  
  回复
Jelly
July 25th, 2020 at 06:37 pm

做的太棒了！！！就是还有一个想问问，那个PJAX回调函数要怎么设置，跳转页面之后那个统计渲染时间还有那个啥的不会显示了，要刷新才行

回复
1. racns
  July 29th, 2020 at 03:22 pm
  
  @Jelly
  在主题设置里面的PJAX就是了呀
  
  回复
陵南
July 25th, 2020 at 09:11 am

感觉手机端夜间模式和handsome夜间模式重叠了，晚上只能用夜间模式，切换只是切换的handsome的夜间模式和插件的夜间模式

回复
1. 陵南
  July 25th, 2020 at 09:12 am
  
  @陵南
  补充，handsome7.1
  
  回复

湫谷
更新handsome7.2后，开启“文章选择卡”功能，会导致在...
zeruns
重启一下插件恢复正常了
zeruns
更新handsome7.2后，该插件会导致异端文章标题不显示
zeruns
大佬牛逼
初阳
博主回复一下下吖。

AliceStyle美化插件（十分强大的插件）

racns • 2019 年 11 月 14 日

前言

2019-11-09日开始开发本插件，这是我第一次做插件，本来没想着自己能做多好的，但是随着版本的不断更新，AliceStyle随之变得越来越强大
开发本插件的初衷是为了让更多不懂代码不懂开发的小伙伴，也能用上好用方便的插件，很多小伙伴刚开始搭建博客，嫌弃不好看，只能四处寻找美化教程，但是拿到的教程全是代码，不会用或者用错不生效等问题随之出现，为了节省麻烦和方便大家的使用，所以才开始有了本插件
我希望AliceStyle不只是我的插件，而是大家的插件，大家提供想法，我来实现大家的想法，这才是AliceStyle该有的样子
本插件内置了许多常用的美化功能，不需要修改任何源代码（傻瓜式一键美化主题，让你的美化更加简单！）

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

AliceStyle插件`3.2`

插件简介

内置16个优美的动态背景（还会再增加的）
全局主题提供透明模式和默认模式，增加了小清新的白色主题
自带两种返回顶部按钮（拉姆雷姆和夏目的猫）
后台标题显示插件更新信息
本插件最大亮点：全网唯一的，自带检测更新的，独一无二的主题美化插件
自带夜间模式和后台美化

（PS：插件有更新的时候，会自己检查是否有最新版，如果是就会提示下载更新，方便了使用本插件的同学，不用整天盯着我的博客看最新动态）

效果演示

未启用插件前

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

启用插件后

启用插件之后，是不是感觉好看了很多！

未启用插件前的后台

这个是Typecho默认的后台界面，很丑，而且一点都不方便，特别是手机端

启用插件的后台美化后

AliceStyle插件2.6.3之后，就更新了后台美化功能，至此本插件不仅仅只是美化前台了

登录界面美化

本插件还对登录和注册页面进行了美化，并且可以在设置中根据自己的需求更换登录壁纸以及登录框的参数等

AliceStyle插件功能图一

根据不少用户的反馈，2.6.0版本之后，所有功能均实现自定义操作，根据用户需求开启对应美化

AliceStyle插件功能图二

AliceStyle插件下载

注：此处7月21日已更新到最新版，请先下载并替换最新版文件，记得改名哟，注意：GitHub暂时非最新版，最新版请从本站下载

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

AliceStyle使用说明

禁用删除插件，上传启用插件

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

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

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

4、至此，祝你食用愉快！

不开启后台美化，请看这里

针对不使用本插件中"后台美化"功能的小伙伴，我们建议您注释插件文件内的三行代码，以免导致后台崩溃

应该本插件的后台美化功能是对那些无改的用户开发的，所以自己改过后台的，启用本插件后会导致后台样式错乱，修改的操作如下

在/usr/plugins/AliceStyle/Plugin.php文件中，注释第46~53行代码

重启插件即可，这样既保留了自己原来的后台，又能使用本插件

彩色标签云PJAX回调函数

如果发现彩色标签云需要刷新页面才可以显示，可以在"主题设置"->"PJAX"->"PJAX回调函数"中输入一下代码，即可实现无刷新效果

let tags = document.querySelectorAll("#tag_cloud-2 a,.list-group-item .pull-right");
let colorArr = ["#86d2f3", "#a3dbf3", "#5dbde7", "#6b7ceb", "#919ff5", "#abb6f5"];
tags.forEach(tag =>{
    tagsColor = colorArr[Math.floor(Math.random() * colorArr.length)];
    tag.style.backgroundColor = tagsColor
});

夜间模式参数

登录框美化参数

1、#000-#fff-0.6
2、#000-#fff-0.6-200px
3、#fff-#000-0.6-20px
4、rgba(0,0,0,0.7)-#fff-1-10px
... ...
# 更多参数搭配可以慢慢发掘，使用本功能前，建议了解一下CSS的颜色参数
/* 一共4个参数，分别是背景颜色、字体颜色、透明度和边框圆角度 */
/* 参数一、参数二的值必须是HEX或RGB值 */
/* 参数三的值范围在0~1之间，值越小，透明度越高 */
/* 参数四可选填，格式为 数值px ，如20px，值越大，圆角越圆 */

天气信息

有兴趣的小伙伴也可以自己去高德官网申请一个API

# 直接复制到插件设置内的“天气信息”处，保存即可使用天气信息功能

a03c706da9ec87d07b6b2d2684ac94e3

BUG？不可能的，所有BUG已修复，如有BUG，请及时上报，我会以最快的速度修复，以免影响使用

部分插件生成的快捷入口，本插件的菜单栏无法显示

如有BUG，将会在此处显示目前存在的已知的未修复的BUG，如果此处没有显示BUG，则表示所有BUG已修复！感谢每一位主动上报BUG的小伙伴

如果小伙伴有什么想法，可以提出建议，本兔会按照用户的想法，增加功能

增加后台自定义配色方案

开发日志

AliceStyle3.X版本

2020-7-21更新了以下内容

兼容了handsome7.0
适配了夜间模式-更深的夜
修复和优化了响应耗时，顺便增加了几个小功能
增加了一个动态背景

2020-7-10更新了以下内容

修复了插件不能生成入口的BUG
美化了后台UI（新拟态）

2020-7-7更新了以下内容

【重点】支持OSS或COS等加速缓存，将会提供静态文件上传至你的加速站点
【次要】针对天气信息功能，增加更多的小功能
【重要】为了您的更好体验，优化了API（在线检查更新功能）

AliceStyle2.7.X版本

增加了字体美化
增加了动态标题
增加了天气信息

AliceStyle2.6.X版本

handsome主题的访问总数和响应耗时已经实现了，不需要配置前台即可显示
handsome主题的评论打卡功能，也是不需要配置前台就可以显示了
夜间模式的切换按钮有个问题，就是登录入口被隐藏之后，就无法显示按钮了，这个问题已经解决了
增加了AliceStyle插件启用和禁用的反馈效果

2020-5-21更新了以下内容

修复主题美化中的"标题居中"无法兼容handsome酷炫模式下的时光机页面
自定义修改全局字体
增加自定义title离开提示
取消或自定义ICO title图标
夜间模式自主切换按钮
增加了一个动态背景
增加Live2D模型
增加酷炫夜间模式

2020-5-6更新了以下内容

修复了启用插件后的前台ICO图标被篡改的问题
修复了插件服务器崩溃后，导致用户后台无法进入的问题
AliceStyle插件正式开源

2020-3-25更新了以下内容

感谢静谧星河小伙伴修复了"漫漫星空"背景和"鼠标样式三"同时使用不兼容，导致控制台不停报BUG的问题
修复了DocumentRoot根路径不一致，导致后台左边菜单栏消失的问题
修复了其他插件页面存在的按钮，导致不见了的问题，如Handsome插件的"构建文章索引"按钮
修复了后台"个人设置"页面的"更新我的档案"、"保存设置"和"更新密码"按钮合并成了一个的问题
修复了撰写文章页面的图标不显示以及"发布文章"按钮位移的问题
美化了后台中所有页面的按钮和文本框

2020-3-22更新了以下内容

更加人性化的"动态背景"命名方式
更加个性化的"主题美化"
"更新提示"提示开关，让重要的更新不再错过
"夜间模式"应运而生
更加美观的"后台美化"
可供需求更换的"登录壁纸"
更加高级的"登录框美化"

AliceStyle2.4.X版本

AliceStyle2.4.X更新了以下内容

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

AliceStyle2.3.X版本

AliceStyle2.3.X更新了以下内容

感谢每一位打赏的小伙伴，是你们的支持给我带来了不断开发本插件的动力

非常感谢凌梦云提供的高配服务器以及高防IP等一系列赞助

昵称	博客链接	金额(元)
TiAmo	http://tiamolh.com	12RMB(一杯奶茶)
七月's Blog	https://www.onlaly.com	8.88(一个红包)
枯木逢春	http://oooic.cn	6RMB(一瓶红牛)
不一止集	http://buyivi.xyz	6RMB(一瓶红牛)
重生少年	https://manyacan.com	6.6RMB(一个赞)
星辰Levi	匿名用户	16.66RMB(一杯奶茶)
东北小蟹蟹	https://crab-in-the-northeast.site	10RMB(两块烤山药)
YAIM	备注：献上我一颗敬畏之心。	19.99RMB(可乐加汉堡)
William	匿名用户	10RMB(一杯奶茶)
Lyuan	https://lyuan.life	10.95RMB(一杯奶茶)
小柒	https://www.xiaoqi22.cn	10RMB(流浪猫的一份猫粮)
*芳君	备注：给兔子？买胡萝卜	9.9RMB(一个胡萝卜)
Will	匿名用户	20RMB(20包小鱼干)
Gordsky	新年快乐	18.88RMB(新年祝福)
迷途の小窝	http://blog.987dg.cn/	8.88RMB(一声问候)
Hysytess's ZONE	http://120.25.147.191/	12RMB(一杯奶茶)
just!smile	https://www.vachiko.com	10RMB(支持一下)
匿名赞助	匿名赞助	8RMB(一瓶水)
未央	https://www.asfor.cn/	6.66RMB(一个BUG)
来去之间	https://laiquzhijian.cn/	66.66RMB(10个鸡腿)
未知用户	备注：老乡，顶顶顶	9.99RMB(一份支持)
未知用户	微信赞助	50RMB(一大份支持)
Root	QQ红包赞助	20RMB(一份支持)
夜月归途	备注：请博主喝奶茶	28.88RMB(大杯奶茶)
顾亦\|y2jq.com	备注：给你赞个助，更新要勤快	88.88RMB(超大份叮嘱)
萌王	备注：赞赏	18.88RMB(大杯奶茶)
星闻网	备注：赞赏	8.88RMB(一杯奶茶)

如果你想要赞赏兔子博主，可以通过文章最后面的赞赏按钮赞赏，感谢您的支持！
也可以通过下面的三合一收款码赞赏兔子博主，感谢您的支持！
赞赏请将你的信息（昵称、博客地址和赞赏金额）通过QQ或是留言的方式发给兔子，用于“赞赏名单”公示

AliceStyle美化插件（十分强大的插件）

前言

AliceStyle插件`3.2`

效果演示

AliceStyle插件下载

开发日志

发表评论取消回复

548 条评论

AliceStyle美化插件（十分强大的插件）

独一无二的后台和主题美化

Windows Terminal终端安装与美化

常用功能快捷入口 - 萌卜兔's Blog

华为命令手册（路由交换）

CenterOS 7配置手册

Windows Terminal终端安装与美化

华为命令手册（路由交换）

AliceStyle美化插件（十分强大的插件）

OSPF原理详解

AliceStyle美化插件（十分强大的插件）

前言

AliceStyle插件`3.2`

效果演示

AliceStyle插件下载

开发日志

前言

AliceStyle插件3.2

效果演示

AliceStyle插件下载

开发日志

发表评论 取消回复

548 条评论

AliceStyle美化插件（十分强大的插件）

前言

AliceStyle插件3.2

效果演示

AliceStyle插件下载

开发日志

AliceStyle插件`3.2`

发表评论取消回复

AliceStyle插件`3.2`