内容介绍

「Blog绯红主题」是一套以绯红为唯一品牌色的卡片式博客主题：白色顶部与绯红导航条、大图焦点轮播、三列头条卡片、
双栏推荐、带分类切换的最新文章列表，右侧配热门榜、热评榜、推荐阅读与标签云。
主题覆盖博客全部前台页面——首页（焦点图轮播、头条文章三列卡片、文章推荐与特色文章双栏、最新文章分类 Tab 与分页）、
列表页（面包屑、分类描述与子分类、图文列表与分页）、详情页（标题与元信息、正文排版二级标题带品牌色竖条、标签、
打印 / 复制链接、版权声明、上下篇、作者名片、相关推荐与评论）、关于本站、留言板、标签云、文章归档与访问密码页。

产品介绍

• 适合谁用：长期更新的技术 / 生活类博客，以及需要完整博客页面、栏目与文章全部后台维护的站点。
• 核心卖点：绯红单品牌色的卡片版式、焦点轮播 + 三列头条 + 双栏推荐的三层首页编排、正文可打印与复制链接。
• 开箱即用：焦点图读取后台轮播图，栏目、文章、评论与留言全部来自博客数据；区块标题、页面说明、博主资料、

版权与页脚文案可在后台「模板设置 → Blog 绯红主题配置」调整，并带深色模式、手机端抽屉菜单与卡片悬停、滚动入场动效。

Blog绯红主题

模块介绍

「Blog绯红主题」是一套以绯红为唯一品牌色的卡片式博客主题：白色顶部与绯红导航条、大图焦点轮播、
三列头条卡片、双栏推荐、带分类切换的最新文章列表，右侧配热门榜、热评榜、推荐阅读与标签云，
适合长期更新的技术 / 生活类博客。

主题覆盖博客系统的全部前台页面：

• 首页：焦点图轮播（后台轮播图，位置「博客系统」）+ 头条文章三列卡片 + 文章推荐 / 特色文章双栏 + 最新文章（分类 Tab、分页）
• 列表页：面包屑、分类描述与子分类、图文列表、分页（分类 / 搜索结果通用）
• 详情页：标题与元信息、排版正文（二级标题带品牌色竖条）、标签、打印 / 复制链接、版权声明、上下篇、作者名片、相关推荐、评论与评论表单
• 汇总页：关于本站（博主名片 + 介绍）、留言板（留言列表 + 留言表单）、标签云、文章归档、访问密码页
• 侧栏：热门文章榜、热评文章、推荐阅读、标签云，详情页额外提供关于作者与最新文章

功能特性

• 绯红导航条：站内搜索框、分类下拉与「更多页面」下拉，导航项过多时自动收窄内边距；手机端收进抽屉菜单
• 焦点图空数据时自动回退到最新文章封面，不会留下空白区块
• 热门 / 热评 / 推荐阅读 / 标签 / 评论全部取自博客真实数据，后台维护即可生效
• 深色模式开关（跟随系统偏好，可手动切换并记住选择）
• 评论与留言使用博客系统内置能力，支持验证码与审核；表单字段常显，不做折叠
• 全站响应式：≤960px 单栏、≤720px 两列卡片，卡片悬停与滚动入场动效支持系统「减少动态效果」

使用场景

• 适合长期更新的技术 / 生活类博客。
• 需要一套完整博客页面（首页 / 列表 / 详情 / 关于 / 留言 / 标签 / 归档）、栏目与文章全部后台维护的站点。

安装说明

1. 安装主题模块（依赖博客系统）
2. 后台 → 系统设置 → 基本设置，将网站主题切换为「Blog绯红主题」
3. 后台 → 博客管理，创建分类与文章（填写封面图与标签效果更佳）
4. 后台 → 轮播管理，新增位置为「博客系统」的图片，用于首页焦点图（建议 3~5 张横向大图）
5. 后台 → 功能设置 → 模板设置 → Blog 绯红主题配置，按需调整区块标题、页面说明、博主资料、版权与页脚文案

安装后站点是空内容，需要自行录入分类与文章（主题不携带可一键导入的演示数据）。

目录结构

Blog绯红主题
    BlogThemeCrimson
        config.json                     模块配置
        DESIGN.md                       主题设计规范（令牌 / 布局几何 / 组件约定）
        Core
            CustomSiteTemplateProvider  站点模板注册（主题标识 = 模块名）
            ModuleServiceProvider       注册主题 / 后台菜单 / 默认配置补种
            CustomThemeConfig           主题默认配置（单一数据源）
            ThemeUtil                   视图辅助（封面 / 头像 / 摘要 / 日期 / 导航 / 颜色派生）
        Admin
            Controller/ConfigController 后台主题配置表单
            routes.php                  主题配置路由
        Asset
            css/main.css                主题样式（cr- 前缀 + 设计令牌）
            js/main.js                  轮播 / 分类 Tab / 抽屉 / 深色模式 / 回到顶部 / 入场动效
            images                      标识、头像、封面与横幅配图（自绘 SVG）
        View/pc
            frame / header / footer     框架页与头尾
            common                      面包屑、页面横幅、文章行、头条卡片、侧栏等通用片段
            blog                        首页 / 列表 / 详情 / 关于 / 留言 / 标签 / 归档 / 密码
        Docs                            发布说明与模块文档
        Test                            预览截图脚本与测试种子

后台菜单

• 功能设置
• 功能设置 → 模板设置
• 功能设置 → 模板设置 → Blog 绯红主题配置