Mist纸质感主题
主题/ 2026-09-04/0/ 编辑
Mist
素雅风格 Typecho 博客主题 | 温暖怀旧的纸质感设计
演示
在线预览
下载
特性
| 功能 | 说明 |
|---|
| 纸质感设计 | 温暖米色背景，可选纸张纹理叠加，营造阅读纸质书本的氛围 |
| 三套列表样式 | 摘要、简洁、全文三种可选，满足不同风格偏好 |
| 灵活封面图 | 四种封面图布局，文章级覆盖全局设置 |
| 侧边栏小工具 | 博主卡片、最新文章、分类、最新评论、归档、自定义模块，自由排序 |
| 内置阅读量统计 | 基于自定义字段，无需插件，Cookie 防刷 |
| 文章目录自动生成 | 根据 H1-H6 标题自动生成目录导航 |
| 图片灯箱 | 点击文章图片放大查看 |
| 相关文章推荐 | 基于标签匹配 |
| 碎语页面 | 以页面评论作为碎语，已登录用户可直接发布 |
| 文章置顶 | 文章级置顶开关 |
| 移动端适配 | 独立移动端背景图，响应式布局 |
| 自定义 CSS / 统计代码 | 方便接入第三方服务 |
| GitHub Releases 更新检测 | 后台一键检查主题新版本 |
安装
1. 将整个 Mist 文件夹上传至 usr/themes/ 目录
2. 在 Typecho 后台 → 外观 → 启用 Mist 主题
3. 在 外观 → 设置外观 中进行个性化配置
配置面板
后台设置页面采用分页布局，左侧导航分六个标签页：
基础设置
- 站点背景图（桌面端 / 移动端）
- 纸张纹理开关
- 站点 Favicon
- 博主头像与导航栏展示模式
布局设置
首页文章列表样式（三选一）
- 样式一（摘要）— 传统摘要 + 封面图 + 元信息
- 样式二（简洁）— 紧凑列表，适合文字为主的博客
- 样式三（全文）— 显示完整文章内容
- 列表元信息（作者、时间、分类、评论数、阅读量）
- 封面图样式（上下左右四种）
- 文章详情页封面开关
- 每页文章数
侧边栏布局
- 侧边栏显示 / 隐藏
- 博主卡片配置（头像、昵称、简介、邮箱、社交链接）
- 侧边栏小工具勾选
- 小工具排序
- 自定义侧边栏模块
- 卡片样式控制（隐藏标题、隐藏边框、跟随滚动）
社交 & 备案
自定义代码
- 自定义 CSS（无需
<style> 标签） - 页脚统计 / JavaScript 代码
检查更新
- 通过 GitHub Releases API 检测主题新版本
自定义页面模板
碎语 (page-shuo.php)
- 新建独立页面，模板选择「碎语页面」
- 页面评论即为碎语内容
- 已登录用户可在页面直接发布碎语
归档 (page-archives.php)
- 新建独立页面，模板选择「归档页面」
- 按年月展示所有已发布文章
文章自定义字段
| 字段 | 说明 |
|---|
| 文章摘要 | 手动填写摘要，留空则自动截取 |
| 文章封面 | 封面图片 URL |
| 侧边栏显示 | 跟随全局 / 显示 / 隐藏 |
| 文章目录 | 不显示 / 显示 |
| 置顶文章 | 是 / 否 |
| 封面图显示 | 跟随全局 / 显示 / 隐藏 |
社交图标
主题内置以下社交平台图标，在「博主社交链接」中填入 名称|链接 即可自动匹配：
微博 · 微信 · 抖音 · 快手 · 哔哩哔哩 · 小红书 · 推特 · Facebook · Youtube · GitHub
如需其他平台图标，将 SVG/PNG/JPG/GIF/WebP 图标文件放入 assets/img/ 目录，文件名与填入的名称匹配（忽略大小写）即可。
保留版权信息
使用本主题时，请保留页面底部的 GitHub 链接和版权文本。
开源地址
前往Github