前言

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

AliceStyle插件3.3.2

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

效果演示

未启用插件前

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

启用插件后

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

未启用插件前的后台

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

启用插件的后台美化后

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

登录界面美化

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

AliceStyle插件功能图一

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

AliceStyle插件功能图二

AliceStyle插件下载

注:此处8月26日已更新到最新版,请先下载并替换最新版文件,记得改名哟,注意: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

高德API申请教程-1
高德API申请教程-1
高德API申请教程-2
高德API申请教程-2

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

随机图

本地图片模式:

  1. 上传图片到/www/wwwroot/racns.com/usr/api/as/images/目录下
  2. 随机图地址https://racns.com/usr/api/as/?type=local

外链图片模式:

  1. 打开目录下文件/www/wwwroot/racns.com/usr/api/as/img.txt
  2. 添加或修改img.txt内的外链地址,每行一条外链
  3. 随机图地址https://racns.com/usr/api/as/?type=link

注意:
为了防止该功能被他人滥用,默认该功能使用一次后失效,
也就是说,随机图的功能生成,生成一次后就不再生成文件了,防止刷目录和文件。
但是如果您想继续二次或多次使用该功能生成多个随机图功能,
可以把/AliceStyle/inc/api/img/index.php文件的权限改为755即可

#举例:name=as&dir=usr/api
#解释:创建名为as的文件夹,在根目录/usr/api/下创建
#PS:dir参数默认是指向带/的根目录的,所只要填写usr/api就行,api文件夹没有会自动创建,不会覆盖里面的内容
随机图地址:你的网址/usr/api/as/?type=local
举例使用方式:在你需要使用随机图的地方,粘贴随机图地址,比如在文章编辑器内的`大头图地址`填写随机图地址即可
使用之前准备:上传图片到 ** 你的网址/usr/api/as/images/ ** 目录下

#参数一:name(必填),创建的文件夹名称

#参数二:dir(选填),创建的文件夹路径,不填则默认是根目录下的/usr/api/下创建随机图文件夹

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


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

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

  1. 增加后台自定义配色方案

开发日志

AliceStyle3.X版本

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

  1. 兼容了handsome7.3
  2. 增加了随机图功能

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

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

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

  1. 修复了插件不能生成入口的BUG
  2. 美化了后台UI(新拟态)

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

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

AliceStyle2.7.X版本

  1. 增加了字体美化
  2. 增加了动态标题
  3. 增加了天气信息

AliceStyle2.6.X版本

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

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

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

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

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

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

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

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

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

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等一系列赞助

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

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

  • 关于小伙伴们把AliceStyle插件进行二次开发并修改作者和插件名称的事情,本兔在这里声明一下
  • 首先AliceStyle的插件源码写得非常的简洁,并且几乎每一行代码都做了注释,非常适合二次开发
  • 后期我可能会亲自撰写一篇关于AliceStyle的开发文档,方便大家进行二次开发
  • 但是,我希望使用AliceStyle进行二次开发的小伙伴能遵守以下几点

  1. 禁止用于商业用途,不允许向你的用户收取费用
  2. 你可以修改插件名称和作者信息,但是必须在你的插件或者文章中说明该插件属于AliceStyle二次开发的作品,并注明出自于萌卜兔's,标明地址:https://racns.com/374.html


以下是一些小伙伴根据AliceStyle二次开发的插件名单

Fragile

轻便型插件,适合功能和需求不多的小伙伴,不含后台美化


插件展示
插件展示
插件设置
插件设置

Wiather

一款高德天气插件


[album type="photos"]

[/album]

最后修改:2020 年 10 月 08 日 09 : 40 AM
如果觉得我的文章对你有用,请随意赞赏