U.SB Design 简洁卡片式风格 Typecho 主题

主题简介：

USB for Typecho 是一款由 aijun参照 U.SB Design 视觉风格制作的 Typecho 主题，主打简洁卡片式布局与细腻的明暗双主题。主题无 jQuery、无构建依赖、无独立后端，​全部前端资源（JS / CSS / 字体 / 图片）本地内置，无任何站外资源请求​，纯 Typecho 模板 + 原生 CSS/JS 实现，安装即用。

功能特性

外观与主题

Light / Dark 双配色，后台可设「跟随系统 / 浅色 / 深色」默认策略
访客可手动切换主题，选择结果记忆在本地（localStorage），未手动选择时自动跟随系统
深色模式下唯一强调色为金黄 #ffcc00，链接、导航、按钮整体和谐
平滑主题切换过渡、滚动条、Tooltip 气泡等细节打磨
导航栏 Logo 支持浅色 / 深色双图自动切换，可配置高度

布局与排版

首页 Hero 星空（星星闪烁动画 + 鼠标轨迹星星/爱心，遵循 prefers-reduced-motion 时自动禁用）
首页 / 归档双列文章卡片流：标题、日期、字数、预计阅读时间、摘要、标签药丸
完整响应式：桌面双列、移动端单列 + 汉堡菜单
正文 .prose 排版：正文链接淡色点线下划线、悬停波浪线高亮

文章页

悬浮文章目录（ToC）：宽屏侧边吸附，移动端底部按钮弹出抽屉面板
字数统计与预计阅读时间（中文按字、英文按词统计，约 300 字/分钟）
文章信息卡：标题、永久链接、作者、发布时间、最后编辑时间、版权协议、标签
广告位：自定义广告 HTML，留空显示默认占位广告
分享：Mastodon / X / Bluesky / Telegram / Email / 一键复制链接
上一篇 / 下一篇导航卡片
代码块 macOS 风格窗口化（红黄绿点 + 语言标签 + 复制按钮）

站内功能

站内搜索：顶部搜索按钮（快捷键 Ctrl/Cmd + K），前端实时过滤标题与摘要，索引按需加载并缓存
RSS 订阅入口（导航按钮 + 页脚图标）
回到顶部（长页面滚动后出现）
嵌套评论，最深 6 层，回复表单随位置自动调整样式

后台与管理

「设置外观」页左侧悬浮选项目录 + 右侧内容按 6 组分类，字段再多也不迷路
主题配置支持 JSON 导入 / 导出，换主题、换机器一键迁移
社交链接与友情链接提供可视化编辑器，无需手写 JSON
页面顶部自动显示当前主题版本与发行版链接
兼容 XCaptcha 评论验证码插件（启用即生效，无需改主题）
自定义 Gravatar 头像源（国内可用 cravatar.cn 加速）

代码高亮

采用 Gruvbox 配色方案：Gruvbox Light（浅色，奶油纸底 #fbf1c7）与 Gruvbox Dark（深色，#171412）自动适应主题模式，默认跟随系统 / 站点主题，访客手动切换后同步生效。高亮库为本地内置的 highlight.js 11.9.0（assets/js/highlight.min.js），仅文章 / 独立页面加载，无需外网。

环境要求

• ​Typecho​：1.3.x 稳定版（1.2.x 亦可，功能按 1.3 开发）
• ​PHP​：7.4 起；推荐 8.0+（兼容 8.1 / 8.2 / 8.3）
• ​数据库​：MySQL 5.7+（含 8.x）、SQLite 均可
• ​浏览器​：现代浏览器（Chrome / Edge / Firefox / Safari 最新两个大版本）；搜索浮层与部分动效依赖 ES6+ 与 fetch
• ​网络​：无要求。字体、代码高亮、图片等全部资源随主题本地化，内网 / 离线环境完整可用（仅功能跳转链接如分享、备案查询需要外网）

页面类型

主题全部页面由 Typecho 模板机制实现，共 8 类：

下载地址

资源下载

夸克网盘

免提取码

前往下载