Blog 轻纱主题

模块介绍

「Blog 轻纱主题」是一套以影像为主角的博客主题：整屏照片作为背景并轻纱虚化，内容以居中的白色卡片承载，
文章卡把封面照片与标题、作者、日期叠在一起，像翻看一本影像笔记。窄栏、克制的紫色点缀与大量留白，
适合摄影、设计、建筑、旅行与生活方式类个人博客。

功能特性

Blog 轻纱主题
    页面覆盖
        首页（大图文章卡流 + 分页）
        文章列表（分类 / 搜索 + 页面头）
        文章详情（整图标题 + 正文 + 评论）
        关于博主
        留言板
        标签云（按数量分级）
        文章归档（年份 / 月份筛选）
        访问密码页
    视觉特色
        整屏照片背景（虚化 + 轻纱遮罩）
        大图文章卡（封面叠加作者 / 日期 / 标题）
        分类角标与置顶标记
        三行摘要裁切 + 阅读更多
        居中窄栏 740px 阅读宽度
    阅读体验
        完整正文排版（标题 / 引用 / 代码块 / 表格 / 图片）
        正文图片懒加载
        标签、作者名片、上一篇 / 下一篇
        相关推荐（三列小卡）
        留言与评论（验证码）
    后台配置
        站点副标题
        搜索提示文字
        搜索面板推荐词
        页脚说明
    主题能力
        主色跟随后台「主色调」
        手机端折叠导航与全屏搜索
        滚动入场与悬停动效
        减弱动效偏好支持

页面覆盖

• 首页：大图文章卡流（封面照片 + 作者头像 / 名称 / 日期 + 标题 + 分类角标），下方白卡片分页
• 文章列表：按分类或关键词筛选，页面头显示当前分类、文章数与子分类，卡片流与首页一致
• 文章详情：整图标题（日期 / 阅读时长 / 浏览量）、正文排版、标签、作者名片、上一篇 / 下一篇、评论区与相关推荐
• 关于博主：博主头像与简介、后台「关于页面」内容、联系方式
• 留言板：留言表单（昵称 / 邮箱 / 网址 / 验证码）与留言列表（含博主回复）
• 标签云：按文章数量自动分级，点击进入标签筛选
• 文章归档：按年份与月份筛选，展示置顶 / 推荐 / 热门标记
• 访问密码页：受保护文章的密码验证表单

视觉与交互

• 背景照片固定铺满整屏并虚化，叠加深色轻纱，内容卡片浮在其上
• 卡片封面固定高度等比裁切，鼠标悬停转灰并轻微放大；卡片 hover 上浮、阴影加深
• 滚动入场：卡片与区块渐显上浮，首屏之外的区块进入视口时才出现
• 手机端导航折叠为汉堡菜单，搜索为全屏面板（Esc 或点击遮罩关闭）
• 右下角「回到顶部」按钮在滚动后出现

后台配置

后台「功能设置 → 模板设置 → Blog 轻纱主题配置」可维护：

• 基础文案：站点副标题（首页顶部与关于页）、搜索框提示文字、搜索面板推荐词、页脚说明

主题主色跟随后台「网站设置 → 主色调」；博客名称、头像、简介与联系方式取自「博客设置」。

使用场景

• 适合摄影、设计、建筑、旅行与生活方式类个人博客。
• 需要在后台维护基础文案等内容的站点。

安装说明

1. 安装本主题模块后，在「网站设置 → 网站主题」中选择「Blog 轻纱主题」；
2. 本主题不携带演示数据，安装后需在后台「博客管理」中录入分类与文章（建议为每篇文章上传一张横向封面图），或自行导入演示数据；
3. 进入「功能设置 → 模板设置 → Blog 轻纱主题配置」按需修改副标题、搜索提示与页脚说明；
4. 在「网站设置」中配置站点名称、Logo 与主色调，在「博客设置」中配置博客名称、头像、简介与联系方式。

模块入口

• /blog 博客首页
• /blogs 文章列表（支持 categoryId / keywords）
• /blog/{id} 文章详情
• /blog/about 关于博主
• /blog/message 留言板
• /blog/tags 标签云
• /blog/archive 文章归档

后台菜单

• 功能设置
• 功能设置 → 模板设置
• 功能设置 → 模板设置 → Blog 轻纱主题配置