内容介绍

「Blog 三栏笔记主题」是一套三栏布局的个人博客主题：顶部是吸顶导航与搜索，首屏左侧是焦点轮播、右侧是博主名片，
往下是一排「编辑精选」卡片，再往下是三栏正文区——左侧文章列表（缩略图 + 标题 + 摘要 + 元信息），
右侧是热门文章排行、标签云与友情链接。整体配色为暖纸底 + 松墨绿，正文排版偏长文阅读，
适合读书笔记、技术博客这类以文字为主的站点。主题覆盖博客全部前台页面——首页、分类与搜索列表（面包屑、子分类、分页）、
文章详情（正文排版、代码块、引用、标签、版权声明、上一篇下一篇与评论）、关于本站、留言板、标签云、文章归档与访问密码页。

产品介绍

• 适合谁用：以文章阅读为主的个人博客与技术笔记站，想在首屏突出「博主是谁」的站点，以及已有内容迁移的站点。
• 核心卖点：三栏结构（主内容 + 侧栏）与侧栏吸顶跟随、首屏右侧常驻博主名片（简介与文章 / 阅读统计）、

编辑精选 + 最新发布的分层首页、手机端导航改抽屉并把侧栏移到正文下方。

• 开箱即用：内容仍然由博客文章、分类与标签维护，无需重复录入；主题只覆盖视图层，

历史文章、分类、标签、评论与留言全部沿用博客模块数据，后台「模板设置 → Blog 三栏笔记主题配置」可维护站点信息。

Blog 三栏笔记主题

模块介绍

Blog 三栏笔记主题是一套三栏布局的个人博客主题：顶部是吸顶导航与搜索，
首屏左侧是焦点轮播、右侧是博主名片，往下是一排「编辑精选」卡片，
再往下是三栏正文区——左侧文章列表（缩略图 + 标题 + 摘要 + 元信息），右侧是热门文章排行、标签云与友情链接。
整体配色是暖纸底 + 松墨绿，正文排版偏长文阅读，适合读书笔记、技术博客这类以文字为主的站点。

主题覆盖博客全部前台页面（首页、分类与搜索列表、文章详情、关于本站、留言板、标签云、文章归档、访问密码），
安装并切换后即可获得一套干净的笔记型站点外观；内容仍然由博客文章、分类与标签维护，无需重复录入。

功能特性

Blog 三栏笔记主题
    页面覆盖
        首页：焦点轮播 + 博主名片 + 编辑精选 + 最新发布
        分类 / 搜索列表：面包屑、子分类、文章列表与分页
        文章详情：正文排版、代码块、引用、标签、版权声明、上一篇下一篇、评论
        关于本站、留言板、标签云、文章归档、访问密码页
    布局与阅读
        三栏结构（9 / 3）：主内容 + 侧栏，侧栏吸顶跟随
        侧栏：博主名片、热门文章排行、标签云、友情链接
        长文排版：小标题竖条、引文、代码块、表格与图片自适应
        PC / 手机响应式：手机端导航改为抽屉，侧栏移到正文下方
    视觉与动效
        暖纸底色 + 松墨绿品牌色，实底按钮白字对比度达标
        首屏轮播自动播放、悬停暂停、圆形箭头与胶囊圆点
        卡片悬停上浮、封面缓动放大、区块滚动入场
        回到顶部、空状态提示
    后台配置
        站副标题、博主名片标题与简介、名片按钮文案
        编辑精选 / 最新发布区块标题与条数
        热门文章、标签云、友情链接区块标题与条数
        内页横幅、联系邮箱与微信、页脚说明、文章版权声明、空列表提示

使用场景

• 个人博客 / 技术笔记站：以文章阅读为主，需要清晰的分类、标签与热门排行。
• 想在首页突出「博主是谁」的站点：首屏右侧常驻名片，含简介与文章 / 阅读统计。
• 已有博客内容的站点：主题只覆盖视图层，历史文章、分类、标签、评论与留言全部沿用博客模块数据。

安装说明

1. 安装本主题模块后，在「网站设置 → 网站主题」中选择「Blog 三栏笔记主题」；
2. 在「网站设置 → 基本设置」中配置网站名称、Logo、备案信息与网站主色调（默认松墨绿 #2f5d52，

实底按钮与链接会自动压暗到白字可读的安全色阶）；

1. 在「功能设置 → 模板设置 → Blog 三栏笔记主题配置」中调整站副标题、博主名片、区块标题与联系方式；
2. 在「导航管理」配置顶部与页脚导航，在「轮播管理」维护位置为 Blog 的轮播，在「友情链接」维护位置为 Blog 的链接；
3. 本主题不携带演示数据，安装后需在「博客管理」中录入分类与文章（含封面图、标签、摘要），

并在「博客设置」中填写关于内容与博主信息，首页与侧栏即可显示完整内容。

后台菜单

• 功能设置
• 功能设置 → 模板设置
• 功能设置 → 模板设置 → Blog 三栏笔记主题配置