Blog 甜心主题 v1.0.0
Blog 甜心主题首次发布
2026-11-09 更新日志

内容介绍

「Blog 甜心主题」是一套把博客排成「双人日记」的主题:横幅 + 寄语卡压在页面顶部,正文流用左右两列交错的卡片挂在一条中线上,
卡片带圆形头像、心形装饰与虚线分隔的浏览 / 评论计数,适合记录日常、生活、恋爱、美食与读书的小站。
头部含字标(图片 Logo)、导航、搜索面板与抽屉菜单;侧栏提供最近发表、最新留言、标签、分类、热门、友链与站点信息,
页脚为深色三栏信息 + 版权条并配右下角悬浮工具。主题覆盖首页、列表(分类 / 搜索)、详情(评论)、
关于本站与留言板等全部前台页面。

产品介绍

  • 适合谁用:情侣 / 家庭 / 个人日常记录博客,生活、美食、读书、摄影类轻内容站点。
  • 核心卖点:双人日记式的双栏时间线(中线 + 圆点 + 心形装饰)、寄语卡与交错卡片的柔和配色,

手机端提供良好阅读体验。

  • 开箱即用:首页横幅读取后台「Blog」位置轮播,文章、分类、标签、评论与留言全部来自博客数据;

后台「模板设置 → Blog 甜心主题配置」可维护站点信息。

Blog 甜心主题

Blog 甜心主题

模块介绍

一份把博客排成「双人日记」的主题:横幅 + 寄语卡压在页面顶部,
正文流用左右两列交错的卡片挂在一条中线上,卡片带圆形头像、心形装饰与虚线分隔的浏览 / 评论计数,
适合记录日常、生活、恋爱、美食与读书的小站。

功能特性

  • 双栏时间线首页:文章按时间交错落在左右两列,中间一条竖线 + 圆点串起整条时间线,

卡片右上角有一枚淡粉心形装饰,鼠标移上时轻微加深。

  • 横幅与寄语:顶部通栏横幅(取后台轮播 Blog 位置第一张),下方一张浮起的白色寄语卡,

左侧两个可配置圆形头像,右侧标题、寄语与胶囊按钮。

  • 单栏时间线内页:列表 / 分类 / 搜索页用左侧竖线的单栏时间线,卡片信息更完整。
  • 完整侧栏:最近发表、最新留言、标签列表、网站分类、热门文章、友情链接与站点信息(文章 / 分类 / 标签 / 评论统计)。
  • 详情页成套排版:正文(标题 / 引用 / 代码 / 表格 / 图片)、标签、相关文章(标题 + 日期右对齐)、

上一篇下一篇、评论列表与评论表单、匿名头像统一兜底为主题头像。

  • 标签云与归档:标签云用「名称 — 虚线 — 数量」的行式排布;归档支持年 / 月筛选并显示 月/日 日期列。
  • 站点主题色跟随:后台「基本设置 → 主题色」换色后,全站品牌色七档色阶自动重算(实底白字始终达标)。
  • 响应式:1024 / 900 / 640 三档断点,手机端自动收进抽屉导航并收成单列时间线。

功能脑图

Blog 甜心主题
    版面
        头部(字标 / 图片 Logo + 导航 + 搜索面板 + 抽屉菜单)
        首页横幅(后台轮播 Blog 位置)
        寄语卡(双头像 + 标题 + 寄语 + 胶囊按钮)
        双栏时间线(中线 + 圆点 + 心形装饰)
        单栏时间线(列表页)
        侧栏(最近发表 / 最新留言 / 标签 / 分类 / 热门 / 友链 / 站点信息)
        深色页脚(三栏信息 + 版权条)+ 右下角悬浮工具
    页面
        首页 / 列表(分类、搜索) / 详情(评论)
        关于本站 / 留言板
        标签云 / 文章归档(按年、按月)
    交互
        顶部搜索面板
        移动端抽屉导航
        滚动入场、卡片悬停
        悬浮微信二维码 / 返回顶部
    后台
        寄语卡标题、正文、按钮与两个头像
        博主头衔与简介
        微信二维码与说明
        页脚声明

使用场景

  • 情侣 / 家庭 / 个人日常记录博客
  • 生活、美食、读书、摄影类轻内容站点
  • 喜欢柔和配色与卡片式治版式、又需要良好手机阅读体验的站点

安装说明

  1. 后台「模块市场」安装并启用 Blog 甜心主题(或执行 php artisan modstart:module-install BlogThemeBlush --force)。
  2. 后台「网站设置 → 网站主题」选择 Blog 甜心主题。
  3. 在「博客管理」中录入分类与文章(建议至少 8 篇,双栏时间线才会铺满两列)。
  4. 在「导航管理」配置顶部与底部导航,在「轮播管理」按位置 Blog 添加首页横幅(不配置时使用主题自带横幅)。
  5. 在「友情链接」中按位置 Blog 添加友链。
  6. 打开后台「功能设置 → 模板设置 → Blog 甜心主题配置」,按站点实际情况填写寄语卡、博主信息、二维码与页脚声明。
本主题不携带演示文章数据:Blog 系统没有「一键导入初始化数据」机制,
安装后请自行录入内容;仓库内的演示种子脚本仅用于测试环境,请勿在正式站点执行。

常见问题

  • 首页没有文章 / 侧栏是空的:说明还没有已发布文章,请先在「博客管理」发布内容。
  • 首页横幅不是自己的图:在「轮播管理」按位置 Blog 添加图片轮播,主题取第一张。
  • 友情链接不显示:友链位置需要选择 Blog,并确保已启用。
  • 寄语卡头像换成自己的:后台「Blog 甜心主题配置 → 首页寄语卡」上传两张头像即可。
  • 想换主色:后台「基本设置 → 主题色」,主题会自动重算浅底与深色档位。

后台菜单

  • 功能设置
  • 功能设置 → 模板设置
  • 功能设置 → 模板设置 → Blog 甜心主题配置
QQ
微信
客服