内容介绍

「Blog 杂志资讯主题」是一套杂志资讯风格的博客主题：浅灰纸面、白色卡片、克制的蓝色强调色，信息密度偏高但不拥挤。
主题采用「吸顶导航 + 三栏焦点图 + 图文混排文章流 + 常驻侧栏」的杂志骨架，覆盖博客全部前台页面——
首页（三栏焦点图：大图轮播 + 两张小卡 + 一张竖卡、公告条、分类筛选、文章流与分页）、
列表页（分类说明卡、面包屑、分类 / 子分类筛选、搜索结果与分页）、详情页（标题与元信息、正文排版、
代码块一键复制、标签、上下篇、相关文章与评论区）、关于博主、留言板、标签云与文章归档；
侧栏含搜索、近期文章、热门阅读、标签云、最近评论、作者卡与文章分类。

产品介绍

• 适合谁用：个人技术博客、数码与生活方式记录类站点，以及需要「资讯感 + 阅读体验」兼顾的内容型博客。
• 核心卖点：杂志骨架上三种文章版式（左图右文 / 标题 + 四宫格图片 / 大图覆盖）、三栏焦点图突出重点文章、

亮暗双色（跟随系统或手动切换）。

• 开箱即用：文章、分类、标签、评论与留言全部来自博客数据；公告、焦点与侧栏设置可在后台主题配置中维护，

安装后即有完整的杂志式首页与列表。

Blog 杂志资讯主题

模块介绍

「Blog 杂志资讯主题」是一套杂志资讯风格的博客主题：浅灰纸面、白色卡片、克制的蓝色强调色，信息密度偏高但不拥挤。

主题采用「吸顶导航 + 三栏焦点图 + 图文混排文章流 + 常驻侧栏」的杂志骨架，覆盖博客系统全部前台页面：

• 首页：三栏焦点图（大图轮播 + 两张小卡 + 一张竖卡）、公告条、分类筛选、文章流与分页
• 列表页：分类说明卡、面包屑、分类 / 子分类筛选、搜索结果与分页
• 详情页：标题与元信息、正文排版、代码块复制、标签、上下篇、相关文章与评论区
• 汇总页：关于博主、留言板、标签云、文章归档
• 侧栏组件：搜索、近期文章、热门阅读、标签云、最近评论、作者卡、文章分类

功能特性

Blog 杂志资讯主题
    页面
        首页（焦点图 + 文章流 + 侧栏）
        文章列表（分类 / 搜索 / 子分类）
        文章详情（正文 / 代码 / 上下篇 / 评论）
        关于博主
        留言板
        标签云
        文章归档（按年 / 按月）
    文章版式
        左图右文
        标题 + 四宫格图片
        大图覆盖
    阅读体验
        亮暗双色（跟随系统 / 手动切换）
        正文代码块一键复制
        复制文章链接
        返回顶部
    导航与响应式
        吸顶导航 + 二级下拉
        手机端抽屉导航
        全站搜索浮层
    后台可配置
        焦点图角标文案
        首页公告条
        作者身份与简介
        页脚声明

• 杂志化首页：焦点图用置顶文章自动填充，三栏高度对齐，无需单独维护轮播数据
• 三种文章版式按顺序自动轮换，长列表也不会单调
• 侧栏组件全部取自博客真实数据（分类、标签、评论、热门文章），后台维护即可生效
• 亮暗双色：默认跟随系统，导航栏与抽屉内均可手动切换并记住选择
• 手机端：顶部汉堡 + 抽屉导航（支持二级菜单展开）、搜索浮层、单列卡片
• 动效克制：滚动入场 + 卡片悬停 + 图片轻微放大，支持 prefers-reduced-motion 降级

使用场景

• 个人技术博客、数码与生活方式记录类站点
• 需要「资讯感 + 阅读体验」兼顾的内容型博客
• 想在首页突出几篇重点文章、同时保留清晰文章列表的站点

安装说明

1. 安装本主题模块后，在「网站设置 → 网站主题」中选择「Blog 杂志资讯主题」；
2. 进入「网站设置 → 网站主题 → 配置」，按需修改焦点图角标文案、首页公告条、作者身份与简介、页脚声明；
3. 在后台「博客管理」中维护分类与文章（填写封面图与标签，列表与焦点图效果最佳），导航在「运营 → 导航管理」、友情链接在「运营 → 友情链接」（位置选择 Blog）中维护。