【原创开源】Typecho-Three-Theme博客主题

主题简介

一款简洁优雅的 Typecho 博客主题，采用 Tailwind CSS 构建，支持响应式设计。

文章系统

• 缩略图支持：支持自定义文章缩略图字段，自动从文章内容提取首张图片
• 阅读量统计：内置阅读量统计功能
• 相关文章推荐：基于标签智能推荐相关文章
• 版权声明：文章底部显示 CC BY-NC-SA 4.0 版权信息

评论系统

• QQ 头像支持：识别 QQ 邮箱并显示 QQ 头像
• 头像备用源：Cravatar 头像服务作为备用
• 评论嵌套：支持无限层级评论嵌套
• 作者标识：文章作者评论显示专属标识

用户体验

• PJAX 无刷新：使用 jQuery-PJAX 实现页面无刷新加载
• 返回顶部：平滑滚动返回页面顶部
• 移动端适配：完整的响应式设计，支持手机端浏览
• 加载进度条：页面切换显示加载进度

侧边栏小工具

• 最新文章（带缩略图）
• 热门标签
• 友链展示
• 文章归档
• 文章分类

安装方法

1. 下载主题包并解压
2. 将文件夹重命名为 Typecho-Three-Theme
3. 上传到 Typecho 主题目录 /usr/themes/
4. 登录 Typecho 后台，进入「控制台」→「外观」
5. 启用该主题即可

主题设置

在「控制台」→「外观」→「主题设置」中可配置以下选项：

友链格式示例

Rao's Blog|https://qi.loc.cc/
Typecho|https://typecho.org/

文章缩略图

方法一：自定义字段

在文章编辑页面添加自定义字段：

• 字段名：thumbnail
• 字段值：图片 URL

方法二：自动提取

主题会自动提取文章内容中的第一张图片作为缩略图：

• 标准 HTML <img> 标签
• Markdown 图片语法 ![alt](url)
• 裸图片链接

🧩 兼容性

• Typecho 1.3.x（PHP 7.4 / 8.x）