Admin Beautify

Typecho 后台管理界面美化插件 · Material Design 3 风格

---

✨ 功能特色

• 🎨 Material Design 3 风格 — 全面采用 MD3 设计规范，现代感十足
• 🌈 7 种主题色 — 紫、蓝、青、绿、橙、粉、红，一键切换
• 🌗 暗色模式 — 支持亮色 / 暗色 / 跟随系统三种模式
• 📐 圆角风格 — 小 / 中 / 大三档圆角可调
• ✨ 过渡动画 — 丝滑的界面过渡动画，可开关
• 📌 导航栏位置 — 支持侧边栏（默认）和顶部导航栏两种布局
• 🔐 登录页美化 — 独立的登录页面美化，支持：
  • 12+ 配色预设方案（紫、蓝、粉、绿、橙、红、青、靛蓝、日落渐变、海洋渐变等）
  • 自定义主色 / 辅色
  • 背景图片 + 可调虚化效果
  • 站点名称显示 / 隐藏
  • 独立的暗色模式控制
  • 自定义 CSS / JS 注入
• ⚡ AJAX 导航 — 无刷新页面切换，后台操作更流畅
• 📱 PWA 响应式 APP — 安装到您的电脑/手机，流畅管理博客 (v2.1.0 加入)
• 🧩 兼容脚本设计 — 自动修复其他插件的排版和功能 (v2.1.0 加入)

兼容脚本设计文档：LHL's Blog

📸 截图预览

首页

插件管理

个人设置

顶部导航栏（原版）

文章编辑页面

文章管理

插件仓库

移动端导航栏

📦 安装

方式一：下载压缩包

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/

使用文档 进入

🔗 相关链接

• 📖 使用文档
• 🐛 问题反馈
• 🌟 GitHub 仓库

⭐ Stars

---

Made with ❤️ by LHL