Blog 三联主题

模块介绍

三栏杂志式的个人博客主题：左侧作者栏、中线图文文章流、右侧小工具，作者身份与内容同等重要。

大多数博客主题只有「导航 + 文章列表」，读者点进来只看到一堆标题。三联主题把版面拆成三栏：

左侧作者栏：作者横幅与头像、徽章、微信 / QQ / 邮箱 / 留言入口、文章与浏览统计，下方是「专栏速览」四宫格与栏目导航；
中线文章流：封面图 + 标题 + 摘要 + 作者 / 浏览 / 日期 / 分类的图文卡片，置顶 / 热门 / 推荐带角标；
右侧小工具：控制面板、站内搜索、带日期徽章的「最近发表」、分类目录、标签列表、最新评论、友情链接。

文章详情页用全幅封面做视觉引导，正文按杂志排版处理（小标题带主色短条、引用块、代码块与表格都有独立样式），
右栏自动从正文标题生成「文章目录」，滚动时高亮当前小节。

功能特性

覆盖博客全部前台页面：首页、分类与搜索、文章详情、关于博主、留言板、标签云、文章归档；
三栏在 1200px 以下自动收成两栏、960px 以下收成单栏，手机端导航收纳进抽屉；
博主名称、头像、作者横幅、专栏条目、微信二维码、联系方式、页脚文案均可在后台配置，默认值开箱即用；
评论与留言使用博客自带接口，留言支持展示博主回复；
访问密码文章有独立的密码输入页面。

页面结构

首页        左作者栏 / 文章流 / 右侧小工具 / 分页
分类搜索    面包屑 / 分类信息 / 同级分类切换 / 文章流
文章详情    封面 hero / 正文 / 文章目录 / 标签 / 上一篇下一篇 / 评论
关于博主    作者资料卡 / 关于内容 / 联系方式
留言板      留言列表 / 博主回复 / 留言表单
标签云      按文章数量分级展示
文章归档    年份与月份筛选 / 按年浏览 / 标题列表

设计说明

品牌色只有一支天空蓝，实底白字统一走经过对比度校验的深色档，避免「亮蓝底白字看不清」；
字体只用系统字体栈，不打包字体文件；所有配图为自绘 SVG，不含第三方素材与文字；
卡片 hover 上浮、封面缓慢放大、列表滚动入场，均支持系统的「减弱动态效果」设置。

使用场景

喜欢杂志式三栏版式、需要作者栏与侧栏小工具的个人博客。
需要一套完整博客页面（首页 / 列表 / 详情 / 关于 / 留言 / 标签 / 归档）、栏目与文章全部后台维护的站点。

安装说明

安装模块后进入「功能设置 → 模板设置 → Blog 三联主题配置」补充站点文案（不填也有默认值）；
在「网站设置 → 网站主题」切换为「Blog 三联主题」；
本主题不携带演示数据，安装后请在后台「博客管理」录入分类与文章，并上传文章封面。

后台菜单

内容结构

Blog 三联主题
    首页
        左侧作者栏
            作者卡片
            专栏速览
            栏目导航
        文章流
            置顶 / 热门 / 推荐角标
            封面 + 摘要 + 元信息
            分页
        右侧小工具
            控制面板
            站内搜索
            最近发表
            分类目录
            标签列表
            最新评论
            友情链接
    文章详情
        封面大图
        正文排版
        文章目录
        上一篇 / 下一篇
        评论
    其他页面
        分类与搜索
        关于博主
        留言板
        标签云
        文章归档