ilogs - Typecho 博客主题

一个简洁舒适、专注于生活记录的 Typecho 博客主题，致力于为个人博客提供现代化的阅读体验与便捷的管理方式。

预览地址

特性亮点

• 🏷️ 网站 Logo 设置 — 内置 12 种 SVG 图标可选，支持自定义 SVG / 图片 Logo，可自定义标志颜色
• 📐 布局设置 — 支持单栏、双栏、三栏三种布局模式，自由切换
• 🎨 主题颜色切换 — 6 种过渡动画（从上而下、从下而上、从左向右、从右向左、渐隐渐现、缩放切换）
• ⚫ 全站黑白模式 — 一键全站灰度显示，适用于特殊纪念日
• 👤 博主资料卡设置 — 侧边栏展示博主头像、名称、简介及 2 组自定义字段
• 📊 三栏设置 — 左侧导航 + 主内容区 + 右侧边栏，信息丰富
• 📢 首页公告设置 — 开关控制公告显示，支持多条公告随机切换
• 💬 评论设置 — 原生 AJAX 评论，博主自动识别，支持回复与 @ 提醒，支持全站关闭及文章 N 天后自动关闭，支持评论间隔限制
• 🔒 网站维护功能 — 一键开启站点维护，非管理员不可访问，支持自定义维护页面
• ⏰ 倒计时 — 自定义倒计时项目（标题 + 日期），节日、生日、纪念日一目了然
• 🖼️ 灯箱效果 — Fancybox 灯箱，点击图片放大查看，支持手势操作
• ⚡ 页面无刷新加载 — PJAX + Instant Page 双引擎，实现极速页面切换

环境要求

• Typecho >= 1.2.0
• PHP >= 7.4
• 浏览器：Chrome / Firefox / Safari / Edge 最新版

安装

1. 下载主题压缩包，解压后将文件夹重命名为 ilogs
2. 将 ilogs 文件夹上传到 usr/themes/ 目录
3. 登录 Typecho 后台，进入 控制台 → 外观 → 当前外观
4. 点击 应用 启用主题

⚠️ 重要提醒：由于主题配置参数较多，切换主题会导致原有配置信息丢失，谨慎操作。建议在切换前备份当前主题的配置数据。

交流群

主题设置

启用主题后，进入 控制台 → 外观 → 外观设置 进行配置。

网站 Logo 设置

布局设置

主题颜色切换

全站黑白模式

博主资料卡设置

三栏设置

左侧导航菜单 + 主内容区 + 右侧边栏，三栏布局下可独立开关以下侧边栏组件：

• 🔥 热门文章 — 按评论数排序的热门文章列表
• 💬 最新评论 — 展示最新的评论
• 🔗 相关文章 — 基于标签关联的文章（仅文章页显示）
• 🏷️ 热门标签 — 标签云
• 📚 文章归档 — 按月/年归档展示

首页公告设置

• 开关控制公告显示
• 支持多条公告，使用 | 分隔，每次访问随机显示一条

评论设置

网站维护功能

• 维护模式：开启后非管理员访问将显示维护页面
• 自定义维护页面：支持自定义维护页面的 HTML 内容

倒计时

灯箱

无需额外配置，主题内置 Fancybox 灯箱效果，文章中的图片点击即可放大查看，支持手势缩放与滑动。

页面无刷新加载

无需额外配置，主题内置 PJAX + Instant Page，实现页面无刷新切换，提升浏览体验。

底部版权

页面模板

主题支持以下自定义页面模板，创建对应 slug 的页面即可使用：

目录结构

ilogs/
├── assets/
│   ├── bootstrap/          # Bootstrap 框架
│   ├── font/               # 字体文件（阿里妈妈方圆体）
│   ├── main/               # 核心资源
│   │   ├── admin.js        # 后台设置交互脚本
│   │   ├── main.css        # 主题样式
│   │   ├── main.min.js     # 主题脚本（PJAX、评论、动画等）
│   │   ├── siteLogos.js    # 站点 Logo SVG 集合
│   │   ├── fancybox.css    # 灯箱效果样式
│   │   ├── fancybox.umd.js # 灯箱效果脚本
│   │   └── lazysizes.min.js# 图片懒加载
│   └── ti/                 # Tabler 图标字体
├── template-parts/
│   ├── comments.php        # 评论区模板
│   ├── header.php          # 头部模板
│   ├── footer.php          # 底部模板
│   ├── footer-copyright.php# 版权信息
│   ├── nav-menu.php        # 导航菜单
│   ├── left.php            # 左侧边栏
│   ├── right.php           # 右侧边栏
│   ├── index-default.php   # 默认首页
│   ├── index-moment.php    # 动态首页
│   ├── post-default.php    # 文章页
│   └── 其他模板...
├── functions.php           # 主题功能函数与配置
├── libs.php                # 自定义 Widget 类
├── comments-api.php        # 评论 API 接口
├── core.php                # 核心加密模块
├── maintenance.php         # 维护页面
├── instantpage.js          # Instant Page 预加载
└── screenshot.png          # 主题截图

更新日志

v1.0.0

• 初始版本发布
• 多栏布局支持
• 明暗主题切换
• AJAX 评论系统
• 侧边栏组件
• 维护模式
• PJAX 加速
• 自定义页面模板

许可证

本项目仅供学习和个人使用。如需用于商业用途请联系作者。