Admin Beautify

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

快捷链接： 📖 文档 | 🐛 问题反馈

---

✨ 功能特色

• 🔧 内置插件仓库、外观仓库

• 🎨 Material Design 3 风格 — 全面采用 MD3 设计规范，现代感十足

• 🌈 7 种主题色 — 紫、蓝、青、绿、橙、粉、红，一键切换

• 🌗 暗色模式 — 支持亮色 / 暗色 / 跟随系统三种模式

• 📐 圆角风格 — 小 / 中 / 大三档圆角可调

• ✨ 过渡动画 — 丝滑的界面过渡动画，可开关

• 📌 导航栏位置 — 支持侧边栏（默认）和顶部导航栏两种布局

• 🔐 登录页美化 — 独立的登录页面美化

• ⚡ AJAX 导航 — 无刷新页面切换，后台操作更流畅

• 📱 PWA 响应式 APP — 安装到电脑 / 手机，自定义名称和图标，流畅管理博客

• 🧩 兼容脚本设计 — 自动修复其他插件的排版和功能，支持外部兼容脚本 URL

• 📁 文件管理增强 — 非常便捷的管理您的文件，文章撰写页可拖拽上传

• 📊 概要页增强 — 快捷操作按钮（胶囊 / 图标卡片两种样式）、自定义快捷按钮、MD3 风格最近文章 / 评论卡片

• 📈 内置数据图表 — 概要页底部「更新频率」折线图与「近期评论分类」极坐标图，支持 7 天 / 30 天 / 全部时间范围

• 📡 Umami 访问统计 — 在概要页展示今日访问量、总访问量、热门文章、跳出率等 Umami 数据卡片

• ✏️ Vditor 编辑器 — 可选替换为 Vditor Markdown 编辑器（所见即所得 / 实时预览 / 分屏编辑），或开启第三方编辑器兼容模式

📦 安装

方式一：下载压缩包

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/

☕ 捐助

微信赞赏码

⭐ Stars

---

Made with ❤️ by LHL