Dear主题3.0.0版本正式发布
公告 ·
Theme Dear for Typecho
Dear主题是一款由imjeff基于Bear博客平台设计理念创建的WordPress与Typecho主题。我在其基础之上,添加了一些独特功能,分支为了现在的专为Typecho打造的Dear主题Theme Dear for Typecho,今天,3.0.0版本正式发布。
设计
AI和短视频的兴起,让人们早已失去静下心来阅读文字和撰写文字的兴趣。然而,我依旧认为单纯简单的图文方式仍是表达自己内心的最好手段,它安静又优雅。
Bear是一款极轻的博客平台,我第一次看到就被它的加载速度和简洁吸引。然而可惜的是,它并非是自部署的博客系统,而是一个博客平台。于是,在我苦苦追寻下,终于找到了imjeff开发的typecho-dear主题。它不像其他主题那样花哨,复刻于Bear让它有着飞快的速度和简洁,这正是我苦苦寻找的纯图文博客主题。 
然而,它并非尽善尽美,它只实现了最基本的博客功能,对于一些高级功能缺失过多,因此我决定,在它的基础上,用最小的开销实现更多的功能,这也就是本项目:Theme Dear for Typecho。
安装与使用
- 在GitHub Release下载最新的名为
Dear-For-Typecho.zip的文件到Typecho站点目录下的{basePath}/usr/themes/主题文件夹中并解压。请保证解压后的文件夹名字与压缩包名一致,即Dear-For-Typecho。 - 打开Typecho管理后台,在控制台->外观中找到Dear-For-Typecho主题,选择启用。
- 在控制台->外观中,找到设置选项卡,进行个性化设置。
新特性
下面是相对于原主题typecho-dear添加的一些新特性。关于原主题的特性和样式,请前往原仓库查看。
1. 评论
原主题仅支持原生评论样式,且需要手动修改代码开启,因此我参考Story-for-Typecho主题为本主题添加了一个内嵌评论系统。
出于安全考量与加载速度考量,你可以在主题设置中完全禁用评论系统,哪怕你在发布文章的时候在Typecho中选择了开启评论区,如果你禁用了评论系统,我仍不会夹在评论的CSS和JS,来防止恶意提交并且可以提高加载速度。
此外,我也提供了一个选项,供您禁止评论者填写他们的网站地址,以防止博客出现恶意网站链接导致备案问题。
同时,我强烈建议你开启Typecho的评论审核机制,不要允许未经许可的评论出现在公众视野。 

2. 友情链接
社交属性也是个人博客的一个卖点。因此我添加了友情链接模板供用户来展示自己的社交网络。
如果您想启用友情链接页面,请在Typecho后台中,管理->独立页面中创建一个新的独立页面,并将其自定义模板设置为“友情链接”。
友情链接拥有两种添加方式。使用Links插件或直接将链接的JSON格式信息发布在独立页面中。这两种方法可以同时使用,也可以仅使用一种,系统将会优先渲染内容解析,然后再渲染插件数据。
使用Links插件
说实话,我不是很喜欢使用插件来解决问题,大多数时候这会使事情变得很麻烦。
不过Links是一个优秀的插件,它提供了一种简单的友情链接管理方式,但是它的数据提供模式并不符合我的评论区要求,因此它在本主题中仅用作数据库与管理,在渲染时主题会直接读取数据库的内容进行渲染而非使用插件原生方法。
- 下载并启用Links插件。如果你正在使用MySQL8及后续版本数据库,开启该插件可能会报错
HY000。当出现这种情况时,请找到插件对应的数据库脚本plugin/Links/Mysql.sql,将里面的MyISAM引擎修改为InnoDB - 在Typecho后台中,找到管理->友情链接进行友情链接管理工作。添加后的友情链接将直接显示在模板为友情链接的所有独立页面中。
使用独立页面内容解析
在Typecho后台中,找到管理->独立页面,找到上面创建好的以友情链接为模板的独立页面,点击编辑。
在富文本编辑区域,任意位置中添加以下标签:
<dear-links>
</dear-links>在标签内部,添加一个JSON数组,数组中的每个元素就是一条单独的友情链接,格式如下:
// 如果条目中不包含某个字段,可以直接留空不写。如果屏幕中出现Warning,请关闭php的日志直接打印。永远不要在生产环境中让用户直接拿到错误信息。
[
{
"type": "分组这是类型,用于在显示的时候进行分组,如果没有分组则会自动归类为默认分组",
"name": "友情链接名字",
"url": "友情链接地址",
"description": "友情链接描述",
"image": "友情链接缩略图/头像",
"email": "友情链接管理者邮箱",
"display": true, //是否在友情链接页面中显示,true为显示,false为不显示
}
]示例:
[
{
"type": "UtopiaXC",
"name": "UtopiaXC",
"url": "https://www.utopiaxc.cn/",
"description": "尽管如此,世界依旧美丽",
"image": "https://imgs.utopiaxc.cn/2021/08/28/ccd08b1e5dd5b.png",
"email": "utopiaxc@utopiaxc.com",
"display": true,
},
{
"name": "UtopiaXC Moments",
"url": "https://moments.utopiaxc.cn/",
"description": "UtopiaXC个人动态站",
},
]
3. 分类与标签模板
为了方便查看全部标签和分类,我设计了一个独立页面模板来显示它们,可以更轻松地访问不同类型的内容。请在Typecho后台中,管理->独立页面中创建一个新的独立页面,并将其自定义模板设置为“全部分类与标签”。
4. 搜索
这是一个十分简单的搜索页面,它直接调用Typecho的原生搜索方法。如果你想在博客中实现搜索功能,请在Typecho后台中,管理->独立页面中创建一个新的独立页面,并将其自定义模板设置为“搜索模板”。
5. 灯箱
如果您的文章中含有大量图片,使用灯箱可以让图片显示更加优雅,同样也可以让访问者更轻松地放大或查多张图片。
本主题内置了一个基于Viewer.js的灯箱系统,你可以在设置中启用它,除此之外不需要你进行任何配置。如果你选择不启用,则渲染页面时不会加载相关JS与CSS来加快加载速度。 

6. 代码高亮
如果你的博客包含大量的代码,你可以选择加载代码高亮模块,本主题内置了一个Highlight.js代码高亮,此外,我重新设计了复制与语言显示徽标来符合主题样式。
你可以在设置中启用它,除此之外不需要你进行任何配置。如果你选择不启用,则渲染页面时不会加载相关JS与CSS来加快加载速度。 

7. LaTeX渲染
TEX是一个非常高效的排版系统,而LaTeX又使得其更加容易被使用。一般,在学术领域,论文都是以TEX格式发布,因此它对各种数学公式的支持非常棒。
如果你的博客含有大量的数学公式,或有发布简单的学术报告需求,可以针对文章启用LaTeX渲染。需要注意的是,本主题采用KaTeX库实现显示,因此对复杂LaTeX的语法支持可能不够好,请不要直接用它来发布您的学术文章,它只应用做简单的公式渲染器。
本主题KaTeX支持参考于《为 Typecho 增加 LaTeX 公式的渲染》。
如果你希望渲染LaTeX,请在发表或编辑文章时,展开底部的自定义字段,选择“LaTeX 渲染”为启用。渲染引擎只针对特定文章生效,如果文章没有启用渲染,则完全不会加载相关渲染库以加快访问速度。 

8. 主页与面包屑
为了丰富首页访问体验,首页出了文章列表,您还可以选择嵌套渲染一个页面。
你可以像装修GitHub个人主页的README.md一样装修这里,它会忠实地在主页显示你设置的独立页面。
如果需要,请在设置中输入独立页面的slug别名。 


除了主页,你也可以自定义面包屑导航内容。 

另外,要提的一点是,可以看到在我的站点,面包屑导航最右侧有一个无法在设置中配置的链接。如果你也希望添加这种链接,可以直接修改header.php中的源代码,添加一个a标签来实现,虽然我并不推荐你这么做。
9. 深色模式
主题已支持自动深色模式,不需要用户手动开启或设置。
主题将随着访问用户的设备深色模式设置自动开启或关闭深色模式。
10. 其他自定义设置
除此之外,还有一些其他可自定义的设置,包括:
- 在首页显示或隐藏文章分类信息
- 文章列表每页显示的项目数
- 友情链接默认图片设置与打开方式设置
- 文章列表标题名设置
- 底部RSS订阅链接设置
- 自定义CSS与JS代码

开源与捐助
本主题完全开源,但由于Fork的原主题采用的不是源代码领域常用的协议,而是知识共享协议CC BY-NC-SA 4.0 DEED,因此稍微注意。
关于捐助,请不要在任何渠道以任何方式为本项目付出金钱,如果您想捐助本项目,您可以向慈善组织或开放源代码促进会(开源组织,OSI)捐款,感激不尽。
当然,本项目欢迎社区贡献代码,如果有需求可以随时提交PR或Issue。
本篇内容为原创内容,采用CC BY-NC-SA 4.0协议许可
2026-04-22 13:55 JST
UtopiaXC
于日本茨城筑波市