模块市场 Blog 三栏笔记主题

Blog 三栏笔记主题

BlogThemeTrio
三栏布局的笔记型博客主题,焦点轮播 + 博主名片 + 精选卡片 + 文章列表与热门标签侧栏,覆盖博客全部前台页面
效果预览
手机端与电脑端同步切换,点击图片可查看大图
手机端 · 1 / 7
电脑端 · 1 / 7
模块演示
演示站为完整功能版本,本模块仅包含核心功能
见预览图
模块介绍

Blog 三栏笔记主题

模块介绍

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

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

功能特性

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

使用场景

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

安装说明

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

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

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

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

后台菜单

  • 功能设置
  • 功能设置 → 模板设置
  • 功能设置 → 模板设置 → Blog 三栏笔记主题配置
问答
还没有人提问,来问第一个问题
提问
需求墙
还没有需求,来提第一个需求
提需求
模块信息
标识
BlogThemeTrio
环境
Laravel5 Laravel9
大小
69.76KB
版本
1.0.0
发布
2026-11-09
MSCore版本要求>=6.0.0
在文件 vendor/modstart/modstart/src/ModStart.php 中查看 $version。
获取模块
开发商
ModStart
ModStart官方出品
免费
登录购买
QQ
微信
客服