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

内容介绍

「Blog 暖焰主题」是一套暖橙色调的个人博客主题:白卡片浮在带底纹的暖灰纸面上,顶部是深墨色导航色带,
首页由「焦点图 → 横向文章流 → 热门推荐 → 分类合辑」四段构成,右侧配一整套侧栏小工具。
颜色克制、层级清晰,适合以长文为主的个人博客与技术随笔站。主题覆盖博客全部前台页面——
首页、文章列表、文章详情、关于、留言板、标签云与文章归档,侧栏含诗句、本站信息、最近发表、最新留言、标签列表、
友情链接与关注本站,并带友链条与深色页脚。

产品介绍

  • 适合谁用:个人博客、独立写作站与技术随笔站;希望首页既有焦点也有分类引导、又不想牺牲后台可维护性的站点。
  • 核心卖点:暖橙配色的克制版面与深墨导航色带、四段式首页编排、完整侧栏小工具让内容一屏可达。
  • 开箱即用:文章、分类、标签、评论与留言全部读取博客数据;后台主题配置可维护站点信息与各区块内容,

并自带整套自绘配图与 PC / 手机响应式适配(滚动入场与卡片悬停动效)。

Blog 暖焰主题

Blog 暖焰主题

模块介绍

一套暖橙色调的个人博客主题:白卡片浮在带底纹的暖灰纸面上,顶部是深墨色导航色带,
首页由「焦点图 → 横向文章流 → 热门推荐 → 分类合辑」四段构成,右侧配一整套侧栏小工具。
颜色克制、层级清晰,适合以长文为主的个人博客与技术随笔站。

功能特性

  • 焦点图 + 文章流:后台「轮播图」中位置选 Blog 即可出现焦点图;文章流用「左封面 + 右摘要」的横向卡片,

标题两行截断、摘要两行截断,元信息(时间 / 阅读 / 评论)与「阅读更多」按钮同一行。

  • 热门推荐:自动取最热的 3 篇文章,卡片式 3 列排布。
  • 分类合辑:首页按分类自动生成 2 列合辑,每个合辑「1 篇大图 + 2×2 小图」,栏目名可点击进入分类页。
  • 完整侧栏:诗句小工具、本站信息卡(头像 / 简介 / 文章分类标签统计)、最近发表、最新留言、

标签列表、友情链接、关注本站(二维码),全部走真实博客数据与后台配置。

  • 详情页成套排版:面包屑、标题与元信息、封面、正文(标题 / 引用 / 代码 / 表格 / 列表 / 图片)、标签、

作者卡、上一篇下一篇、推荐阅读、评论区。

  • 单页齐全:关于本站(含统计条与联系方式)、留言板(留言列表 + 提交表单)、标签云、按年按月归档、访问密码页。
  • 细节:导航项过多时自动收窄;手机端收进抽屉导航;悬浮微信二维码与返回顶部;滚动入场与卡片悬停动效,

支持 prefers-reduced-motion 降级。

  • 站点主题色跟随:后台「基本设置 → 主题色」换色后,全站色阶自动重算,实底按钮的白色文字对比度自动保证 ≥4.5:1。

功能脑图

Blog 暖焰主题
    版面
        头部(Logo / 站名 + 副标 + 搜索)
        深墨导航条(含二级菜单、项多自动收窄)
        公告条(公告 + 关于 / 留言 / 标签入口)
        焦点图(后台轮播位置 Blog)
        文章流(左封面 + 右摘要横向卡片)
        热门推荐(3 列)
        分类合辑(2 列,1 大图 + 2×2 小图)
        侧栏(诗句 / 本站信息 / 最近发表 / 最新留言 / 标签 / 友链 / 二维码)
        页脚(友链条 + 深色页脚 + 版权条)
    页面
        首页 / 列表(分类、搜索) / 详情(评论)
        关于本站 / 留言板
        标签云 / 文章归档(按年、按月) / 访问密码
    交互
        焦点图淡入轮播(6 秒,hover 暂停)
        移动端抽屉导航
        滚动入场、卡片悬停
        悬浮微信二维码 / 返回顶部
    后台
        站点文案(副标 / 公告 / 标语 / 博主信息)
        侧栏(诗句标题与内容、出处、本站简介)
        图片与联系方式(二维码与说明)
        友链说明 / 申请链接、页脚声明

使用场景

  • 个人博客、独立写作站、技术随笔站
  • 内容以长文为主、希望首页既有焦点也有分类引导的站点
  • 想要一套干净克制的暖色系版面、又不想牺牲后台可维护性的站点

安装说明

  1. 后台「模块市场」安装并启用 Blog 暖焰主题(或执行 php artisan modstart:module-install BlogThemeEmber --force)。
  2. 后台「网站设置 → 网站主题」中选择 Blog 暖焰主题。
  3. 在「博客管理」中录入分类与文章(建议每个分类不少于 6 篇,首页的分类合辑才会饱满)。
  4. 在「导航管理」配置顶部与底部导航;在「轮播图」中把位置选为 Blog 添加焦点图;

在「友情链接」中按位置 Blog 添加友链。

  1. 打开后台「功能设置 → 模板设置 → Blog 暖焰主题配置」,按站点实际情况填写副标、公告、标语、

博主信息、侧栏诗句与二维码。

本主题不携带演示文章数据:Blog 系统没有「一键导入初始化数据」的机制,
安装后请自行录入内容(或自行导入自己的演示数据)。

常见问题

  • 首页没有焦点图:检查「轮播图」里是否有位置为 Blog 的记录,且类型为图片。
  • 首页没有分类合辑:分类下需要有已发布的文章,最多展示 4 个分类。
  • 侧栏是空的:还没有已发布文章 / 标签 / 友链,录入内容后自动出现。
  • 友情链接不显示:友链位置需要选择 Blog,并确保已启用。
  • 想换主色:后台「基本设置 → 主题色」,主题会自动重算浅底与实底按钮色阶。

后台菜单

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