本文摘要AI摘要：SimpleTheme是一款极简风格的WordPress个人主题，支持Vue 3、响应式布局、自定义主题色、后台美化、智能缓存、SEO优化等功能。主题采用Vue 3 + OatUI + TypeScript + Vue Router构建，兼容Sakurairo主题，并提供详细的开发指南和目录结构。四端展示环境要求WordPress：>= 6.0PHP：>= 7.3特性其中大部...
AI摘要：SimpleTheme是一款极简风格的WordPress个人主题，支持Vue 3、响应式布局、自定义主题色、后台美化、智能缓存、SEO优化等功能。主题采用Vue 3 + OatUI + TypeScript + Vue Router构建，兼容Sakurairo主题，并提供详细的开发指南和目录结构。
四端展示
环境要求
- WordPress：
>= 6.0 - PHP：
>= 7.3
特性
其中大部分功能已开发完善，但仍有部分功能还在开发中...
| 类别 | 功能 |
|---|---|
| 前端 | Vue 3 + OatUI + TypeScript + Vue Router |
| 布局 | 响应式双栏，移动端滑动侧栏，浅色/深色模式 |
| 主题 | 参考 iEmo，自定义主题色 |
| 后台美化 | 完整 WordPress 后台 + 登录页 UI 重制，明暗模式与前端同步，边栏标识注入 |
| 缓存系统 | 双重智能缓存：前端内存 LRU（API 响应纳秒级命中）+ 后端 Transients（站点统计/ALTCHA/IP 归属地），分层 TTL 策略 |
| SEO | 智能检测爬虫，提升访问速度，多重 SEO 优化 |
| 评论 | 嵌套回复、点赞、Markdown、表情包(Bilibili/恐龙/贴吧)、ALTCHA 验证码、IP 归属地、浏览器信息 |
| 邮件 | SMTP 实现 + 异步邮件通知队列 |
| 公告 | 弹窗/胶囊多模式，关联页面内容，自定义按钮 |
| 合规 | Cookie 弹窗 |
| 其他 | unDraw 插画、Prism.js 语法高亮、站点统计、一言等 |
| 兼容 | 无缝兼容 Sakurairo 主题的区块及数据 |
开发
npm install # 安装依赖
npm run dev # 开发（Vite HMR，需 WordPress 后端）
npm run build # 构建生产资源 → dist/
npm run package # 打包 ZIP目录结构
simple-theme/
├── src/ Vue 3 前端（components / composables / views / styles / types）
├── inc/ PHP 后端
│ ├── core/ 资产加载、爬虫检测、SEO、SMTP、认证、安装
│ ├── rest/ REST API 端点（文章/评论/站点信息/导航）
│ └── admin/ 选项注册与校验
├── admin/ 管理面板 SPA（独立构建）
├── bin/ 构建/打包脚本（Node.js + PowerShell）
├── public/ 静态资源（表情包、插画）
├── docs/ 文档
├── functions.php 主题入口
├── style.css 主题标识
├── theme.json WordPress 配置
└── vite.config.ts Vite 配置路由架构
Vue Router catch-all 路由，统一由 ContentView 处理：调用 WordPress REST API 解析当前 URL → 根据返回类型（post/page/term/404）渲染对应视图。特殊页面（/shuoshuo、/about、/archives、/links）在 API 返回 404 时自动回退到 Vue 内置页面。
SEO
template_include 钩子拦截爬虫请求：匹配 User-Agent → 输出 wp_head + the_content + wp_footer 完整 HTML；否则正常加载 SPA。
支持的爬虫：Googlebot · Bingbot · Baiduspider · YandexBot · DuckDuckBot · Sogou · 360Spider · Bytespider · PetalBot · Facebot · Twitterbot · Applebot · DiscordBot · SlackBot · TelegramBot · AhrefsBot · SemrushBot。可通过 simple_theme_crawler_patterns filter 扩展。
源码下载
SimpleTheme
觉得内容不错？我要
