🎨 Admin Beautify (原Login Beautify)

Typecho 后台美化插件

✨ 功能特性

• 🎨 Material Design 3 风格 — 全面采用 MD3 设计规范，现代感十足
• 🌈 7 种主题色 — 紫、蓝、青、绿、橙、粉、红，一键切换
• 🌗 暗色模式 — 支持亮色 / 暗色 / 跟随系统三种模式
• 📐 圆角风格 — 小 / 中 / 大三档圆角可调
• ✨ 过渡动画 — 丝滑的界面过渡动画，可开关
• 📌 导航栏位置 — 支持侧边栏（默认）和顶部导航栏两种布局

• 🔐 登录页美化 — 独立的登录页面美化，支持：

  • 12+ 配色预设方案（紫、蓝、粉、绿、橙、红、青、靛蓝、日落渐变、海洋渐变等）
  • 自定义主色 / 辅色
  • 背景图片 + 可调虚化效果
  • 站点名称显示 / 隐藏
  • 独立的暗色模式控制
  • 自定义 CSS / JS 注入
• ⚡ AJAX 导航 — 无刷新页面切换，后台操作更流畅
• 📱 响应式设计 — 移动端自动适配折叠菜单

📦 安装方法

1. 前往 GitHub Releases 下载最新版本
2. 解压后将 AdminBeautify 文件夹上传至

/usr/plugins/

3. 后台进入
   控制台 → 插件 → 启用 AdminBeautify

📸 截图预览

插件管理

个人设置

暗色模式

顶部导航栏（原版）

文章编辑页面

文章管理

📦 安装

方式一：下载压缩包

1. 前往 GitHub Releases 下载最新版本的压缩包
2. 解压后将文件夹重命名为 AdminBeautify
3. 上传至 Typecho 安装目录下的 /usr/plugins/ 文件夹
4. 登录 Typecho 后台，进入 控制台 → 插件 页面
5. 找到 Admin Beautify 并点击 启用

方式二：Git 克隆

cd /your-site/usr/plugins/
git clone https://github.com/lhl77/Typecho-Plugin-AdminBeautify.git AdminBeautify

然后登录 Typecho 后台启用插件即可。

your-site/
└── usr/
    └── plugins/
        └── AdminBeautify/

⚙️ 配置说明

启用插件后，进入 控制台 → 插件 → Admin Beautify → 设置 即可配置。

管理后台设置

选项	说明	默认值
主题色	选择后台主题色方案	🟣 紫
颜色模式	亮色 / 暗色 / 跟随系统	跟随系统
圆角风格	控制界面元素的圆角大小	中圆角
过渡动画	是否开启界面过渡动画	开启
导航栏位置	侧边栏或顶部导航栏	侧边栏

登录页设置

选项	说明	默认值
配色方案	12+ 预设方案或自定义颜色	🟣 紫
自定义主色/辅色	选择"自定义"时生效	#6750a4 / #7f67be
显示站点名称	登录页是否显示站点标题	显示
默认主题	登录页的明暗模式	跟随系统
主题切换按钮	显示/隐藏主题切换按钮	显示
背景图片 URL	自定义登录页背景图	留空（纯色）
虚化方式	背景图模糊效果	filter: blur
虚化大小	模糊程度 (0-50px)	12px
自定义 CSS	注入自定义样式	—
自定义 JS	注入自定义脚本	—

❓ 常见问题

Q: 支持哪些版本的 Typecho？

本插件基于 Typecho 1.3.0 设计开发，建议使用该版本或更高版本。

Q: 启用后后台样式异常怎么办？

请先清除浏览器缓存，确保加载最新的 CSS/JS 文件。如果仍有问题，请检查是否与其他后台美化插件冲突。

Q: 移动端显示效果如何？

插件内置了响应式设计，移动端会自动切换为顶部折叠菜单模式。

Q: 如何自定义登录页背景？

在插件设置中填入背景图片的 URL，并可调整虚化方式和虚化大小。

🔗 相关链接

🐛 问题反馈
🌟 GitHub 仓库

采用 CC BY-NC-SA 4.0 协议授权，转载请注明来源。