内容介绍

「Blog 曜石主题」是一套黑白极简的杂志编辑风主题：墨黑页头、通栏焦点图、双列图文卡片与彩色标签云，
把博客的文章按「看起来像一份安静的小杂志」的方式排出来。主题覆盖博客全部前台页面——首页（焦点图 + 最新文章 + 侧栏）、
列表页（分类 / 搜索结果 / 标签筛选，含子分类与空状态）、详情页（封面、正文排版、代码块 / 表格 / 引用、关键词、
上一篇下一篇、相关文章与评论）、关于、留言板、标签云与文章归档；
侧栏含热门文章、最新文章、标签云、友情链接、搜索框、面包屑与分页。

产品介绍

• 适合谁用：个人技术博客、读书笔记与生活随笔；以长文为主、需要安静耐读排版而不是花哨落地页的站点。
• 核心卖点：黑白极简的单色相视觉与通栏焦点图（半透明标题板保证可读）、双列图文卡片（封面悬停放大、

标题两行截断、摘要三行截断）、正文 17px / 1.95 行高并带代码块与表格样式、同名标签全站颜色一致。

• 开箱即用：侧栏组件、评论与留言表单全部使用博客系统自带的数据与接口，不需要额外配置即可使用；

后台「模板设置 → Blog 曜石主题配置」可维护站点信息。

Blog 曜石主题

模块介绍

Blog 曜石主题是一套黑白极简的杂志编辑风主题：墨黑页头、通栏焦点图、双列图文卡片与彩色标签云，把博客的文章按「看起来像一份安静的小杂志」的方式排出来。

主题覆盖博客全部前台页面（首页 / 文章列表 / 文章详情 / 关于 / 留言板 / 标签云 / 文章归档），侧栏组件、评论与留言表单都使用博客系统自带的数据与接口，不需要额外配置即可使用。

功能特性

Blog 曜石主题
    视觉风格
        黑白极简 + 单色相视觉，深色页头压住整页
        通栏焦点图，图片上方半透明标题板，标题可读不糊
        双列图文卡片：封面悬停放大、标题两行截断、摘要三行截断
        彩色标签云：同名标签全站颜色一致，白字对比度达标
    页面覆盖
        首页：焦点图 + 最新文章 + 侧栏
        列表页：分类 / 搜索结果 / 标签筛选，含子分类与空状态
        详情页：封面、正文排版、代码块 / 表格 / 引用、关键词、上一篇下一篇、相关文章、评论
        关于 / 留言板 / 标签云 / 文章归档
    组件
        热门文章、最新文章、标签云、友情链接
        搜索框、面包屑、分页
    响应式与动效
        PC / 平板 / 手机三档断点，手机端抽屉式导航
        卡片悬停、滚动入场、焦点图渐隐切换，支持「减少动效」偏好
    后台可配置
        焦点图小标与副标语
        三个区块标题
        页脚声明与页脚邮箱

使用场景

• 个人技术博客、读书笔记、生活随笔：需要安静耐读的排版，而不是花哨的落地页
• 以长文为主的站点：详情页正文 17px / 行高 1.95，代码块、表格、引用都有专门样式
• 需要长期归档的站点：标签云、归档页与侧栏最新文章让旧内容仍然可被翻到

安装说明

1. 安装本主题模块后，在「网站设置 → 网站主题」中选择「Blog 曜石主题」；
2. 本主题不携带演示数据，安装后请在后台「博客管理」录入分类与文章，并在「博客设置」中填写博客名称、简介与头像；
3. 首页焦点图来自「内容管理 → 轮播管理」中位置为「Blog」的图片，建议使用 1920×672 的横图；
4. 进入「功能设置 → 模板设置 → Blog 曜石主题配置」按需修改焦点图文案、区块标题与页脚信息。

后台菜单

• 功能设置
• 功能设置 → 模板设置
• 功能设置 → 模板设置 → Blog 曜石主题配置