BooAdmin

BooAdmin 旨在彻底革新 Typecho 的后台体验，用现代化的设计语言替代了原生后台界面。它不仅美观，更在操作效率和多设备兼容性上进行了深度优化。

• 全新设计语言： 基于 Bootstrap 5 和 FontAwesome 6，界面清爽、组件统一，视觉效果全面升级。
• 完全响应式： 无论您在桌面、平板还是手机上管理博客，都能获得原生应用般的流畅体验。
• 直观的操作流程： 重新设计了撰写、管理、设置等核心页面，让信息布局更合理，操作更直观。

开源地址：https://github.com/little-gt/THEME-BooAdmin

重要：安装前请务必备份您的 admin 目录和数据库！此操作会覆盖核心后台文件。

安装步骤：

• 下载最新的 ZIP 压缩包。
• 备份您 Typecho 根目录下的 admin 文件夹。
• 解压下载的 ZIP 文件，将里面的 admin 文件夹上传并覆盖到您 Typecho 网站的根目录。
• 刷新后台页面，即可看到全新的 BooAdmin 界面！

截图展示

DARLING

单栏纯文字深色系typecho主题

演示

在线预览

下载

开源地址：https://github.com/obentnet/DARLING

WikiType

基于小夜的 Blue 和 Asprie 两款主题开发而成，并且去除了很多前端框架，做了非常简单的自适应处理，整款主题看上去很简洁，曾经Typecho.wiki自用主题很多地方写死了

演示

在线预览

下载

使用说明：

• 上传到 Typecho 主题目录
• 修改页首header.php的标题和顶部分类链接为你自己的内容
• 修改页脚footer.php的关于我们为你自己的内容
• 修改首页index.php的分类mid为你自己的相应分类编号
• 修改聚合archive.php的分类名称为你自己的对应分类名称
• 首页顶部2个精选主题需要在后台设置文章的标签为 hot ，该项不设置，主题就会报错请悉知！！！

Jelly

个人向typecho主题，简单快速优雅

演示

在线预览

下载

开源地址：https://github.com/Mini-Jelly/Jelly

OneBlog2改

OneBlog二改版本，改成3栏了

演示

在线预览

下载

MXUI

PC端3列文章布局的风格，建议每页文章数量设置为3的倍数

演示

在线预览

下载

开源地址：https://github.com/MoXiaoCC/Typecho-MXUI

nora

双栏typecho主题

演示

在线预览

下载

开源地址：https://github.com/chenstor/nora

Silicon

一个基于Bootstrap的主题。支持卡片模式以及列表模式，列表模式主题是双栏。

演示

在线预览

下载

功能

• 支持设置置顶文章、轮播文章和公告
• 电脑端支持列表和网格两种模板样式
• 支持白天和黑夜模式
• 文章支持目录、代码高亮、标题显示、超过180天提示

截图展示

VOID

一款简洁优雅的 Typecho 主题，作为计算机术语时，VOID 的意思是「无类型」。

演示

在线预览

下载

开源地址：https://github.com/AlanDecode/Typecho-Theme-VOID

特性

• 响应式设计
• PJAX 无刷新体验
• AJAX 评论
• 前台无跳转登陆（兼容 PJAX）
• 自动夜间模式
• 优秀的可读性
• 衬线、非衬线两种文字风格
• 代码高亮（浅色暗色两种风格，随主题切换）
• Mac 风格代码块（可开启或关闭）
• 代码行号
• 站点样式设置面板（日夜转换、字体、字号）
• MathJax 公式
• 表情解析（文章、评论可用）
• 图片排版（可用作相册）
• 图片懒加载
• 灵活的头图设置
• 文章目录解析
• 完整的结构化数据支持
• 够用的后台设置与丰富的高级设置

Bear Theme

又一个Typecho极简主题，HEXO同名主题移植 https://github.com/gary-Shen/hexo-theme-bear
加了个文章置顶功能，做了些许调整优化和适配🤗

演示

在线预览

下载

开源地址：https://github.com/Seevil/bear

Ink

简洁至极的typecho主题

演示

在线预览

下载

说明

为了更好地使用头部 请设置以下页面

• 名称：友链（这个随意）缩略名：links
• 名称：关于（这个随意）缩略名：About
• 名称：归档（这个随意）缩略名：arch

然后支持伪静态的请把链接分别设置为 links.html about.html arch.html 不支持的请到header.php修改相应路径 然后就可以愉快地玩耍啦

开源地址：https://github.com/youranreus/INK

Dear

Dear，主题复刻于 Bear Blog 示例主题，并在原基础上进行改造及中文优化。既然是复刻“b”ear，那本主题就姑且叫 “d”ear 吧，亲爱的。

Dear 是一款 WordPress & Typecho 纯文本极极简主题，样式复刻于 Bear Blog 示例主题。主题支持自定义背景、自定义菜单、自定义首页内容，支持黑暗模式和自适应；内置文章归档和搜索模板；已作中文字体优化，内置3种字体方案可选。主题无 JS、图片文件引用。

主题类型：极简 / 纯文本 / 单栏 / 博客 / 自适应 / 暗黑模式 / 免费

演示

在线预览

下载

原版无评论功能，站长已为其追加评论功能

使用方法

• 上传并激活主题后，在“管理”》“独立页面”中新增/修改页面，缩略名填“about”，该页面内容外露于首页。无对应缩略名页面则首页不显示。
• 主题已内置3种字体方案，分别为雅黑、仿宋和宋体。如需要调整字体，在“控制台”》“外观”的“编辑当前外观”页签中选择编辑 style.css 文件，根据提示对第31行进行修改。
• 分类/标签列表不支持分页。如需调整，使用代码编辑器修改主题内 funcitons.php 文件，按提示修改第4行“文章数设置”的数量。
• 若希望一个页面显示所有分类的文章，可新建页面并在右侧选项的“自定义模板”一项中选择“所有文章”模板，文章按年月分组，主题已内置。

页面模板

• 创建一个新的页面，或选择一个已有页面；
• 编辑状态，在“页面属性”的“模板”一项中选择“所有文章”或“搜索模板”；
• 按需要添加到菜单中。
• “归档模板”按年月展示博客所有文章。 “搜索模板”中包含搜索框及结果列表。

常见问题

首页显示的文章数太多/太少怎么办？
使用代码编辑器修改主题内 funcitons.php 文件，按提示修改第4行“文章数设置”的数量。

开源地址：https://github.com/imjeff/typecho-dear

Lonesome

一款简单的双栏Typecho主题，简洁的设计配合优秀且高效的Typecho博客平台，定将功能带来非凡的 博客 写作体验。

演示

在线预览

下载

RAW

“在互联网上寻找栖息之地”，熊猫小A大佬的第一款主题

演示

在线预览

下载

这里提供网盘版本修复了typecho1.2的兼容问题，github版本目前未支持typecho1.2

特点

• 支持双栏或三栏显示
• 文章分页可选择 加载更多按钮 或 普通分页按钮
• 支持深色模式
• 支持背景图以及全站半透明效果

开源地址;https://github.com/AlanDecode/Typecho-Theme-RAW

Panorama

全景图插件，在文章中嵌入全景图，支持等距柱状投影和立方体贴图两种类型

下载

开源地址：https://github.com/wangdaodao/TypechoPlugins

功能特点

• 支持将Markdown图片转换为全景图（等距柱状投影和立方体贴图）
• 兼容Typecho的图片索引管理机制
• 支持直接链接和引用链接两种格式
• 可配置全景图尺寸、自动加载、自动旋转和显示指南针
• 基于Pannellum全景图库，提供流畅的全景图浏览体验
• CDN支持：使用CDN加载Pannellum资源，减少服务器负载

后台展示

使用方法

方法一：使用编辑器按钮
在文章编辑页面，正常插入图片（使用Typecho自带的图片上传功能）
选中生成的Markdown图片代码，如：![图片描述](图片URL)
点击编辑器工具栏中的"📷"按钮
在弹出的对话框中确认图片信息，点击"确认转换"
图片将被转换为全景图短代码：[panorama src="图片URL" alt="图片描述"]

方法二：手动编写短代码
你也可以直接在文章中手动插入全景图短代码：

[panorama src="图片URL" alt="图片描述"]

短代码参数说明
type：必选参数，指定全景图的类型，默认为"equirectangular"
"equirectangular"：等距柱状投影
"cubemap"：立方体贴图
src：必选参数，指定全景图的URL
alt：可选参数，指定图片的描述文本
width：可选参数，指定全景图的宽度，默认为100%
height：可选参数，指定全景图的高度，默认为400px
autoload：可选参数，是否自动加载，默认为true
compass：可选参数，是否显示指南针，默认为true
autorotate：可选参数，自动旋转速度，默认为0（不旋转）
-2：逆时针慢速
-1：逆时针快速
0：不旋转
1：顺时针快速
2：顺时针慢速

Book

每个人，都是一本书。创造优秀的文字阅读体验。适于文字为主的博客、博主。
一款极具辨识度的主题，在 Book-cover.css 调整书本封面样式。

演示

在线预览

下载

cPlayer

漂亮的html5音乐播放器typecho插件

下载

开源地址：https://github.com/journey-ad/cPlayer-Typecho-Plugin

后台设置

Initial plus

Initial plus主题 基于 initial主题v2.4.4 修改，之所以选择 initial主题 进行二次修改，看重的是其“极极极简风格”。Initial plus主题 在“极极极简风格”上增加了注重手机浏览界面，以及对文章编辑排版进行优化和功能添加。

演示

在线预览

下载

转自：https://blog.alttt.com/398.html

Totoro-Skin

这是移植 トトロ 博客的皮肤

演示

在线预览

下载

此版本在原作者基础上增加了原生评论功能；修复了手机端兼容问题；增加了一些基础的主题设置

介绍

• 单栏皮肤并且没有真正意义上的footer
• 浏览器标签标题添加可变动画
• 添加 archives(归档) & links(友链) 页面模板

开源地址：https://github.com/siitakechan/Totoro-Skin-for-Typecho

距离写《Typecho通用评论组件包含Css样式》文章以及过去2年了，那篇文章样式还是不太好看，只能说能用，最近在折腾主题演示站（https://demo.typecho.work/square），偶尔会挖坟到九十年前的主题，那时候因为有很多社会化评论服务比如多说，导致很多主题压根不写评论功能，直接用多说。

然后我就在想要不要重新弄个通用评论组件，尽量适合所有主题，于是乎【泽泽Typecho通用评论组件】诞生了。目前已解救两款主题如下：

https://demo.typecho.work/?theme=Lofter-Write
https://demo.typecho.work/?theme=Totoro-Skin

开源地址

https://github.com/jrotty/ZeComments

截图展示

开发说明

• 1,原主题如果有id为comments的元素请修改成别的或者删掉避免冲突
• 2,主题的头部插件接口可以改成 <?php $this->header(); ?> 改成 <?php $this->header('commentReply='); ?> 去除掉默认加载的评论相关js脚本，推荐这样：<?php $this->header('generator=&template=&commentReply='); ?> 这样是隐藏typecho版本号隐藏主题名隐藏评论脚本（PS：此步骤忽略也可以，不会有冲突，此步骤只是为了减少用不到的默认js脚本）
• 3,支持开启登录才能评论，支持隐藏网址输入栏，详见comments.php开头注释说明
• 4,评论组建样式不一定适合所有主题，可以自行修改 comments/main.css 文件调整样式（需要配置TailwindCss3）