【原创】Typecho-One-Theme简约博客主题

一款简约文字Typecho博客主题，基于Bootstrap 4和Font Awesome开发，支持响应式设计，适合个人博客使用。

功能特点

• 简约设计：采用简约文字风格，专注内容展示
• 响应式布局：适配PC、平板和手机等各种设备
• 自定义导航栏：支持下拉分类菜单和页面链接
• 文章列表优化：包含分类、标签、阅读量等信息
• 评论系统：支持评论分页和评论者头像
• 搜索功能：支持模态框搜索
• 友情链接：支持自定义友情链接展示
• 归档页面：按年分组展示文章
• 标签页面：展示所有标签云
• 404页面：自定义404错误页面
• CDN自定义：支持自定义各种静态资源的CDN链接
• 头像镜像：支持自定义Gravatar头像镜像源
• 阅读量统计：基于页面刷新的阅读量统计
• 返回顶部：支持滚动返回顶部按钮

安装方法

1. 下载主题文件，解压后重命名为Typecho-one-Theme
2. 将主题文件夹上传到Typecho博客的usr/themes/目录下
3. 登录Typecho后台，进入「控制台」→「外观」→「启用」Typecho-one-Theme主题
4. 点击「设置外观」进行主题配置

后台设置选项

基本设置

• 站点 LOGO 地址：设置网站LOGO图片地址
• 站点副标题：设置网站副标题
• Favicon 地址：设置网站图标地址

友情链接

• 友情链接功能：开启或关闭友情链接功能
• 友情链接数据：填写友情链接数据，格式：名称||链接地址||图标地址||描述

自定义内容

• 自定义 CSS：填写自定义CSS样式
• 自定义 JavaScript：填写自定义JavaScript代码
• 页脚内容：填写页脚自定义内容，如备案号等
• ICP 备案号：填写ICP备案号

分页设置

• 每页文章数：设置首页每页显示的文章数量

CDN设置

• 自定义CDN链接：开启或关闭自定义CDN链接功能
• Bootstrap CSS CDN链接：设置Bootstrap CSS的CDN链接
• Font Awesome CDN链接：设置Font Awesome的CDN链接
• jQuery CDN链接：设置jQuery的CDN链接
• Bootstrap JS CDN链接：设置Bootstrap JS的CDN链接
• main.min.js CDN链接：设置主题JS文件的CDN链接
• style.css CDN链接：设置主题CSS文件的CDN链接
• Gravatar 头像镜像源：设置Gravatar头像镜像源的URL

自定义页面模板

主题支持以下自定义页面模板：

• links.php：友情链接页面模板
• tags.php：标签云页面模板
• archives.php：文章归档页面模板

使用方法

1. 登录Typecho后台，进入「控制台」→「管理」→「页面」→「新建页面」
2. 填写页面标题，如「友情链接」、「标签」或「归档」
3. 在「自定义模板」下拉菜单中选择对应的模板
4. 点击「保存」按钮

使用说明

友情链接格式

在后台「友情链接数据」中，每行填写一个友情链接，格式如下：

名称||链接地址||图标地址||描述

例如：

博客名称||https://example.com||https://example.com/avatar.png||念念不忘，必有回响...

文章缩略图

主题会自动提取文章中的第一张图片作为缩略图，如果文章中没有图片，则不显示缩略图。

阅读量统计

主题会自动统计文章的阅读量，基于页面刷新计数，使用Cookie防止重复计数。

常见问题

Q: 为什么友情链接页面显示404错误？

A: 请确保使用了正确的页面模板，并且页面 slug 正确。

Q: 为什么评论者头像不显示？

A: 请确保设置了正确的Gravatar头像镜像源，并且评论者填写了正确的邮箱地址。

Q: 如何修改导航栏菜单项？

A: 导航栏会自动显示分类和页面，您可以在后台管理分类和页面来修改导航栏菜单项。

版本更新记录

v1.0.0

• 初始发布
• 实现基本功能
• 支持响应式设计
• 支持自定义CDN链接
• 支持友情链接功能
• 支持阅读量统计

鸣谢

• Bootstrap - 前端框架
• Font Awesome - 图标库
• Typecho - 轻量级博客系统

Release1.3.1(2026-03-15)

• 修复子评论嵌套问题
• 修复评论头像镜像源

修复评论系统时使用了FeiFan86大佬的评论代码及样式，感谢FeiFan86大佬