## 一、为什么写这篇文章

后台主题市面上的选择不少，但大多是「皮肤」，好看、却把样式与资源**锁死在某个 CDN、某个
私有构建里**。不可迁移、不可自定义、不可审计。

而 [BooAdmin](https://github.com/little-gt/BooAdmin) 想走另一条路——
**工程化、可审计、可迁移**。这篇发布稿不只是罗列新功能，更重要的是讲清楚背后的
**设计思路**：为什么我们坚持「编译 Tailwind + 全开源依赖 + 无锁定资源」。

---

## 二、设计思路：三层解耦

我们用一张图说明 BooAdmin 的架构哲学——**源码、构建、资源三层解耦**，每一层都可独立替换：

![mermaid-diagram-2026-07-23-151136.png](https://developer.qcloudimg.com/http-save/yehe-4566554/7464e0d1a3627fb7655aa402ab31998f.png)

**三个关键解耦点**：

1. **源码与产物解耦**：你改的是 `config/input.css` 与 `*.php`，产物 `admin/css/tailwind.css`
   由构建生成，绝不手写几千行 CSS。
2. **构建与运行时解耦**：样式在**发布期**算好，浏览器只负责渲染，不再跑 JS 生成样式。
3. **资源与厂商解耦**：所有依赖都是开源库，CDN 地址写在 `header.php`，换源只改几行。

> 想深入了解「Play CDN → 编译产物」的迁移细节与排坑，见
> [编译迁移指南](https://cloud.tencent.com/developer/article/2714506)。

---

## 三、已支持 Tailwind 编译部署（不是 Play CDN）

很多主题图省事，直接用 `https://cdn.tailwindcss.com`（Play CDN）。那是**运行时在浏览器里
现生成样式**，体积大、有闪烁，Tailwind 官方明确不建议用于生产。

BooAdmin 在工程里就准备好了真正的构建链路：

```text
config/
├── input.css            # 源码入口：@tailwind base / components / utilities
└── tailwind.config.js   # content 指向 ./admin/**/*.php，自动裁剪无用类
admin/css/tailwind.css   # 构建产物：已压缩，仅含用到的类
```

构建流水线如下：

![mermaid-diagram-2026-07-23-151251.png](https://developer.qcloudimg.com/http-save/yehe-4566554/5208c5ceb62c3b47179339f247b1b959.png)

收益对比（详见[迁移指南的性能章节](https://cloud.tencent.com/developer/article/2714506)）：

| 指标 | Play CDN | 编译产物 |
| ---- | ---- | ---- |
| 传输 CSS | ~3.5 MB | 10–40 KB |
| 首屏 | 需先跑 JS，有闪烁 | 直接渲染，无 FOUC |
| 缓存 | 难命中 | 版本哈希，二次秒开 |
| 离线/内网 | 不可 | 完全支持 |

---

## 四、资源全开源，随心迁移无锁定

BooAdmin 的能力全部建立在**开源、可自托管**的外部库之上，没有任何私有黑盒：

![mermaid-diagram-2026-07-23-151315.png](https://developer.qcloudimg.com/http-save/yehe-4566554/a2f43bfcaa10ed5eef53756e83d539ab.png)

| 能力 | 开源库 | 可迁移性 |
| ---- | ---- | ---- |
| 图标 | Font Awesome 7.2.0 | ✅ 可换源 / 自托管 |
| 图表 | ECharts 5.5.0 | ✅ 可换源 / 自托管 |
| 进度条 | NProgress 0.2.0 | ✅ 可换源 / 自托管 |
| 公式 | KaTeX 0.16.38 | ✅ 可换源 / 自托管 |
| 样式 | TailwindCSS 3.4.17（已编译） | ✅ 本地产物，自由分发 |

所有外部资源通过 **GARFIELDTOM'S NEST CDN** 加速，但你也可以**一键改为任意 CDN、对象存储
或本地目录**——只改 `header.php` 里的地址即可。完整源码与构建配置都在
[GitHub 仓库](https://github.com/little-gt/BooAdmin)，欢迎审计。

---

## 五、眼见为实

> 以下截图均来自 [cnb.cool 镜像仓库](https://cnb.cool/little-gt/BooAdmin) 的 `screenshot/` 目录。

### 登录页（插件安装提示已移除，入口更干净）

![screenshot0.png](https://developer.qcloudimg.com/http-save/yehe-4566554/0d5c9df067629d0ea2259df98813ba9c.png)

### 控制台仪表盘

![screenshot1.png](https://developer.qcloudimg.com/http-save/yehe-4566554/0585d3369884a354bcb677ebc6cd7cd7.png)

### 撰写文章（编辑器已针对移动端 / 窄屏优化）

![screenshot2_1.png](https://developer.qcloudimg.com/http-save/yehe-4566554/09d9f2a025bab8c6ecd4cd23e43d2787.png)

### 管理评论

![screenshot7.png](https://developer.qcloudimg.com/http-save/yehe-4566554/1d9e7a79819c12ce86bec70fd33a5c1f.png)

### 深色模式（纯黑配色升级）

![screenshot5.png](https://developer.qcloudimg.com/http-save/yehe-4566554/d24300eddd8291f544702a5304f14fba.png)

---

## 六、从 1.2.x 升级到 1.3.1 的亮点

我们用一张「需求域 → 改动」映射图，把本次 12 项更新归类，看清这次升级在**性能、一致性、
移动端、暗色**四个维度上的发力：

![mermaid-diagram-2026-07-23-151515.png](https://developer.qcloudimg.com/http-save/yehe-4566554/6e7bfe6d28a455cee3066a6f459330d1.png)

逐项清单：

- ✅ **登录页面的插件安装提示已移除**，入口更干净；
- ✅ **插件扩展页面导航栏移动到页面顶部**，操作更符合直觉；
- ✅ **登录和注册页的内容显示与系统完全一致**，视觉统一；
- ✅ **暗色模式配色升级为纯黑色配色**，沉浸感更强、更护眼；
- ✅ **文章编辑器在移动端与窄屏幕下优化**，手机也能轻松写稿；
- ✅ **文章预览功能支持切换到主题或打印**，排版校对更方便；
- ✅ **编译了 Tailwind 样式，整体体验更流畅**，告别运行时生成；
- 🐞 **修复首页统计卡片与图标的暗色模式适配问题**；
- 🐞 **修复版权卡片的图片显示异常问题**；
- 🎨 **优化菜单样式与扩展页面菜单体验**；
- 🐞 **修复了一些已知问题**；
- 🎨 **优化了一些已知细节**。

---

## 七、配套插件同步升级到 1.2.0

与 BooAdmin 配套的 **Passkey、Passport** 等插件已统一升级到 **1.2.0**，采用与后台
**一致的样式设计与交互体验**，开箱即用、浑然一体。

![mermaid-diagram-2026-07-23-151548.png](https://developer.qcloudimg.com/http-save/yehe-4566554/70784f53ed55645197034c297b16f67c.png)

> 💡 你知道吗？
> 同类功能在 WordPress 等平台上多为**收费插件**（如 Passkey 无密码登录等），
> 而在 [BooAdmin 生态](https://github.com/little-gt/BooAdmin) 中，我们坚持**开源、免费、可自托管**。

---

## 八、我们承诺的后台体验

**安全 · 公开 · 透明 · 前沿 · 文档完善**

- **安全**：支持 Passkey 等现代认证，后台能力不打折；
- **公开**：源码完全开放，构建链路透明可追溯；
- **透明**：每个版本都明确列出变更与修复；
- **前沿**：Tailwind 编译、纯黑暗色、移动端优先；
- **文档**：从安装到迁移，配套文章一应俱全——除本文外，还有
  [编译迁移技术指南](https://cloud.tencent.com/developer/article/2714506) 与
  [README 使用文档](https://cnb.cool/little-gt/BooAdmin)。

---

## 九、立即体验

- 🌟 项目主页：[github.com/little-gt/BooAdmin](https://github.com/little-gt/BooAdmin)
- 🚀 国内镜像：[cnb.cool/little-gt/BooAdmin](https://cnb.cool/little-gt/BooAdmin)
- 💬 社区讨论：[Typecho 官方论坛](https://forum.typecho.org/viewtopic.php?p=62603#p62603)
- 📖 使用文档：[https://cnb.cool/little-gt/BooAdmin](https://cnb.cool/little-gt/BooAdmin)
- 🛠 编译迁移：[https://cloud.tencent.com/developer/article/2714506](https://cloud.tencent.com/developer/article/2714506)

把后台交给 **BooAdmin 1.3.1 + 系列配套插件 1.2.0** —— 编译级流畅，开源可迁移，安全而透明。
欢迎到 [GitHub](https://github.com/little-gt/BooAdmin) 点亮 ⭐ Star，或在 [cnb.cool](https://cnb.cool/little-gt/BooAdmin) 下载体验。

后台主题市面上的选择不少，但大多是「皮肤」，好看、却把样式与资源锁死在某个 CDN、某个私有构建里。不可迁移、不可自定义、不可审计。

BooAdmin 1.3.1 正式发布 编译级流畅，开源，透明，前沿，可随心迁移的现代 Typecho 后台

后台主题市面上的选择不少，但大多是「皮肤」，好看、却把样式与资源锁死在某个 CDN、某个私有构建里。不可迁移、不可自定义、不可审计。而 BooAdmin 全开源依赖、无锁定资源、全部内容开源透明。且始终采用前沿技术。

开发工具

前端

BooAdmin是一款工程化、可审计、可迁移的WordPress后台主题，采用TailwindCSS编译部署，告别PlayCDN运行时生成样式。源码、构建、资源三层解耦，支持全开源依赖和自定义CDN。1.3.1版本优化了性能、暗色模式及移动端体验，配套插件同步升级。所有资源开源可自托管，提供完整文档和迁移指南，确保安全透明。

对象存储

代码解释

WordPress

GitHub

CDN免费试用


2026上云采购 | AI焕新·智启新局

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

BooAdmin是一款工程化、可审计、可迁移的WordPress后台主题，采用TailwindCSS编译部署，告别PlayCDN运行时生成样式。源码、构建、资源三层解耦，支持全开源依赖和自定义CDN。1.3.1版本优化了性能、暗色模式及移动端体验，配套插件同步升级。所有资源开源可自托管，提供完整文档和迁移指南，确保安全...

BooAdmin 1.3.1 正式发布 编译级流畅，开源，透明，前沿，可随心迁移的现代 Typecho 后台-腾讯云开发者社区-腾讯云

BooAdmin 1.3.1 正式发布编译级流畅，开源，透明，前沿，可随心迁移的现代 Typecho 后台

BooAdmin 1.3.1 正式发布编译级流畅，开源，透明，前沿，可随心迁移的现代 Typecho 后台

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

BooAdmin 1.3.1 正式发布 编译级流畅，开源，透明，前沿，可随心迁移的现代 Typecho 后台

BooAdmin 1.3.1 正式发布 编译级流畅，开源，透明，前沿，可随心迁移的现代 Typecho 后台

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

BooAdmin 1.3.1 正式发布编译级流畅，开源，透明，前沿，可随心迁移的现代 Typecho 后台

BooAdmin 1.3.1 正式发布编译级流畅，开源，透明，前沿，可随心迁移的现代 Typecho 后台