{{format('24')}} {{format('171079')}} {{format('4218')}}

AliceStyle美化插件(十分强大的插件)

萌卜兔 文章 正文

许一人以偏爱,尽此生之慷慨!
分享

兔子

{{nature("2022-04-30 22:06:25")}}更新

前言

AliceStyle插件 3.4.0

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

效果演示

未启用插件 未启用插件
启用插件后 启用插件后
未启用插件 未启用插件
启用插件后 启用插件后
登录界面美化 登录界面美化

AliceStyle插件功能图一 AliceStyle插件功能图一
AliceStyle插件功能图二 AliceStyle插件功能图二

AliceStyle插件下载


CDN须知:如果你的网站做了CDN加速,需要到你的CDN管理界面,将你的网站刷新,然后清除浏览器缓存后,方可看到美化效果

注释三行代码图

  • 如果发现彩色标签云需要刷新页面才可以显示,可以在"主题设置"->"PJAX"->"PJAX回调函数"中输入一下代码,即可实现无刷新效果
# 3.4.0版本已经实现免配置,由于Handsome插件会生成缓存,所以更新到3.4.0版本之后
# 记得到Handsome的插件设置->缓存设置->更新离线缓存,点击一下即可

# 更新到3.4.0以上版本的小伙伴,可以忽略这里的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
});

评论 24
24
{{userInfo.data?.nickname}}
{{userInfo.data?.email}}
TOP 2
inis博客系统

{{nature('2022-04-10 19:02:49')}} {{format('105124')}}人已阅读

TOP 3
typecho迁移至inis博客系统插件

{{nature('2022-04-10 21:12:57')}} {{format('33751')}}人已阅读

TOP 4
inis主题部署到oss

{{nature('2022-04-10 19:07:51')}} {{format('3088')}}人已阅读

TOP 5
文章插入视频测试

{{nature('2022-04-10 19:07:51')}} {{format('84')}}人已阅读

目录

一言

# {{hitokoto.data.from || '来自'}} #
{{hitokoto.data.hitokoto || '内容'}}
作者:{{hitokoto.data.from_who || '作者'}}
自定义UI
配色方案

侧边栏