内容介绍

「Blog珊瑚主题」是一套卡片化「应用风」的博客主题：浅蓝灰底 + 白色圆角卡片 + 单一蓝色色相，信息密度高、层级靠卡片分隔，
适合前端 / 工具 / 生活类的长期写作型个人博客。首页把「公告条 + 首屏推荐位 + 分类胶囊 + 分类快捷切换 + 双列文章卡片流 +
侧栏组件」组织成一屏多卡的结构；文章详情页用模糊横幅突出标题与元信息、正文以白色卡片承接；
关于页用 Bento 卡片整理介绍、技能、时间线与站点数据。主题覆盖首页、分类与搜索列表（含空结果引导）、
文章详情（上下篇与评论）、关于、留言、标签云（含数量）与按年 / 按月的文章归档。

产品介绍

• 适合谁用：前端工程、效率工具与项目复盘的长期记录站点，按分类与标签归档的内容收藏型博客，以及从零搭建的个人站点。
• 核心卖点：一屏多卡的应用风首页、Bento 卡片式关于页、模糊横幅标题与白色卡片正文的层级设计，

卡片悬停与滚动入场动效。

• 开箱即用：安装后录入分类与文章即可上线，不需要额外的模板开发；首页首屏（标题 / 副标 / 标识 / 公告 / 推荐位）、

侧栏页脚（标语 / 二维码 / 联系方式 / 社交入口 / 建站日期）与关于页（欢迎语 / 语录 / 技能 / 时间线）
均可在后台「模板设置 → Blog珊瑚主题配置」维护。

Blog珊瑚主题

模块介绍

Blog珊瑚主题是一套卡片化「应用风」的 ModStart Blog 博客主题：浅蓝灰底 + 白色圆角卡片 + 单一蓝色色相，
信息密度高、层级靠卡片分隔，适合前端 / 工具 / 生活类的长期写作型个人博客。

首页把「公告条 + 首屏推荐位 + 分类胶囊 + 分类快捷切换 + 双列文章卡片流 + 侧栏组件」组织成一屏多卡的结构；
文章详情页用模糊横幅突出标题与元信息，正文以白色卡片承接；关于页用 Bento 卡片整理介绍、技能、时间线与站点数据。

功能特性

Blog珊瑚主题
    页面覆盖
        首页 - 公告条 / 首屏推荐位 / 分类胶囊 / 分类切换 / 双列文章卡片
        列表 - 分类与搜索，含空结果引导
        详情 - 模糊横幅 / 正文排版 / 上下篇 / 评论
        关于 - Bento 卡片布局
        留言 - 留言列表 + 提交表单
        标签云 - 标签与数量
        归档 - 按年 / 按月筛选
    后台配置
        首页首屏 - 标题 / 副标 / 标识 / 公告 / 推荐位
        侧栏页脚 - 标语 / 二维码 / 联系方式 / 社交入口 / 建站日期
        关于页 - 欢迎语 / 语录 / 技能 / 时间线
    体验细节
        头部吸顶与导航自适应
        手机端抽屉菜单与站内搜索浮层
        卡片悬停与滚动入场动效
        PC / 手机端响应式

使用场景

• 个人技术博客：前端工程、效率工具、项目复盘的长期记录站点
• 内容收藏型博客：按分类与标签归档，侧栏提供搜索、归档与热门入口
• 从零搭建个人站点：安装后录入分类与文章即可上线，不需要额外的模板开发

安装说明

1. 安装本主题模块后，在「网站设置 → 网站主题」中选择本主题；
2. 本主题不携带产品初始化数据，安装后请在后台「博客管理」中录入分类与文章，并配置「网站设置」中的站点名称、Logo 与备案信息；
3. 进入「功能设置 → 模板设置 → Blog珊瑚主题配置」按需修改首页首屏文案、公告、推荐位、关于页内容与联系方式。

后台菜单

• 功能设置
• 功能设置 → 模板设置
• 功能设置 → 模板设置 → Blog珊瑚主题配置