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

内容介绍

「Blog 苔色主题」是一套「数字花园」气质的极简博客主题:苔绿主色、灰绿纸底、衬线标题,
以引言式首屏、写作足迹热力图、主题河流与克制的文章流组织内容,适合长期写作、读书笔记与个人知识站点。
首页不再依赖横幅轮播,而是用「引言 + 最近更新 + 此刻」的开场把读者带到内容里:左侧是安静的引言与两份短列表,
右侧一张竖图;往下依次是写作足迹(年份 × 月份热力格,自动统计文章数、写作年数与主题数)、专题(读取博客分类)、
主题河流(标签按年份堆叠)、相片条与最新文章流。内页以单栏长文阅读为主,评论与留言直接使用博客系统自带接口。

产品介绍

  • 适合谁用:长期写作、读书笔记与个人知识站点;需要完整博客页面、栏目与文章全部后台维护的站点。
  • 核心卖点:苔绿 + 灰绿纸底 + 衬线标题的数字花园气质、写作足迹热力图与主题河流的数据可视化,

引言式首屏替代轮播,安静不打扰阅读。

  • 开箱即用:引言与出处、此刻短列表、竖图与图注、相片条图片与说明均可在后台「模板设置 → Blog 苔色主题配置」维护;

文章、分类、标签、评论与留言读取博客数据。

Blog 苔色主题

Blog 苔色主题

模块介绍

Blog 苔色主题是一套「数字花园」气质的极简博客主题:苔绿主色、灰绿纸底、衬线标题,
以引言式首屏、写作足迹热力图、主题河流与克制的文章流组织内容,适合长期写作、读书笔记与个人知识站点。

首页不再依赖横幅轮播,而是用「引言 + 最近更新 + 此刻」的开场把读者带到内容里:
左侧是安静的引言与两份短列表,右侧一张竖图;往下依次是写作足迹(年份 × 月份热力格)与专题、
主题河流(按年份堆叠的标签分布)与相片条、最新文章流。内页以单栏长文阅读为主,评论与留言直接使用博客系统自带接口。

功能特性

Blog 苔色主题
    首屏
        引言与出处,可在后台配置
        「最近更新」自动读取最新文章(日期 + 标题)
        「此刻」为后台可维护的短列表(在写 / 在读 / 在折腾 …)
        竖图与图注,可在后台替换
    首页区块
        写作足迹:按年份 × 月份生成热力格,自动统计文章数、写作年数与主题数
        专题:读取博客分类,展示每类文章数与最新一篇标题
        主题河流:把标签按年份堆叠成流式图,鼠标悬停可看名称与篇数
        相片条:三张图(1 大 2 小),图片、标题与说明均可配置
        最新:文章流列表,显示日期、阅读时长、标题、摘要与标签
    文章页面
        衬线大标题 + 日期、阅读时长、所属分类与标签
        正文排版(标题层级、引用、代码块、表格、图片、图注)
        上一篇 / 下一篇、评论列表与评论表单
    列表与归档
        列表页按年份分组,每年第一篇文章作为「年度封面」大图展示
        月份分组显示「其余 N 篇」,右侧固定年份索引
        归档页按年份与月份筛选
    其他页面
        标签花园:主题河流 + 全部标签(按篇数分级显示)
        关于页、留言板(留言列表 + 表单 + 博主回复)、访问密码页
    体验与适配
        深浅两套配色一键切换,跟随系统偏好并本地记忆
        手机端抽屉导航、可展开搜索条
        滚动入场、卡片悬停与热力格悬停高亮
        尊重系统「减少动态效果」设置

使用场景

  • 适合长期写作、读书笔记与个人知识站点。
  • 需要一套完整博客页面(首页 / 列表 / 详情 / 关于 / 留言 / 标签 / 归档)、栏目与文章全部后台维护的站点。

安装说明

  1. 后台「模块管理」安装并启用「Blog 苔色主题」,或在模块市场一键安装;
  2. 「网站设置 → 网站主题」选择「Blog 苔色主题」;
  3. 在「博客管理」录入分类与文章(分类即首页「专题」,标签即「主题河流」与「标签花园」的数据来源),

在「博客设置」填写博客名称、简介、头像;

  1. 在「功能设置 → 模板设置 → Blog 苔色主题配置」中调整引言、此刻列表、首屏竖图、相片条与关于页内容。
本主题不携带演示数据(博客系统没有初始化数据机制)。仓库内的测试种子只用于开发与测试环境,
请勿在正式站点执行。正式站点安装后需要先在后台录入分类与文章,否则首页、专题与河流区块会是空的。

兼容说明

  • 依赖博客模块(Blog)与 Vendor,版本要求见模块信息;
  • 文章封面取文章图片的第一张,未上传时自动使用主题自带插画,不会出现破图;
  • 评论与留言提交到博客系统自带接口(blog/comment/add、blog/message/add),

验证码与审核开关沿用「博客设置」中的配置;

  • 友情链接使用「友链 → 位置 Blog」维护,显示在页脚;
  • 主题只覆盖前台视图,不修改博客模块的路由与数据表。

后台菜单

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