FIT2CLOUD
Cosolar 的图标

Cosolar

4,637
1,630

halo-theme-cosolar 是一款为 Halo 2.x 打造的现代博客主题,专为技术写作者设计。它把"内容"放回舞台中央 —— 干净的排版、克制的动效、合理的留白,让代码与文字都能舒适呼吸。同时在小屏与移动端做了完整自适应:贴底毛玻璃操作栏、抽屉式目录、自动隐藏的侧边栏,让手机阅读体验与桌面端同样顺滑。

1.0.7
Cosolar 发布于
>=2.20.0

halo-theme-cosolar v1.0.7

发布日期:2026-07-19

概述

本次更新聚焦页脚区域的重构与功能增强,新增首页滚动加载模式,完善用户菜单,并提供了全新的主题配置手册。


新功能

🔥 页脚全面重构

  • 页脚主区域显隐开关:可通过后台设置 显示页脚主区域 控制品牌、统计与订阅区域的显示/隐藏,底部版权信息始终保留
  • 品牌区:可独立配置页脚 Logo(图片/文字)、名称、标语、站点简介,支持自定义 Logo 尺寸
  • 网站统计面板:实时展示访问量、点赞数、评论数、文章数、分类数、标签数,以及建站时间和博主所在地
  • 订阅表单:内置邮件订阅表单,支持对接第三方邮件订阅服务(如 Mailchimp),未配置时显示"功能待开发"提示气泡
  • 法律信息链接:支持配置隐私政策、使用条款、友情链接、关于我们四个导航链接,带图标分隔展示
  • 社交图标升级:社交链接展示为纯图标按钮(移除文字标签),新增微信公众号、RSS 订阅图标,交互更简洁美观
  • 背景图增强:支持页脚背景图片,亮色/深色模式分别配置,独立控制透明度,防止干扰内容阅读
  • 文字颜色自定义:亮色/深色模式可分别设置页脚文字与图标颜色,适配不同背景图

📜 首页滚动加载模式

  • 新增「首页加载方式」配置项,支持 分页(默认)和 滚动加载 两种模式
  • 滚动加载模式下,滚动到底部自动加载下一页文章(IntersectionObserver 实现,提前 400px 预加载)
  • 同时保留「查看更多文章」按钮作为兜底,保证无 JavaScript 场景可用
  • 客户端无刷新加载,轮播图在加载过程中始终保留,体验更流畅

🧭 用户菜单扩展

  • 用户下拉菜单新增「发布文章」入口,直接跳转编辑器
  • 新增「个人中心」入口,跳转至用户中心页面

⚙️ 设置项新增

  • 博主信息区新增 博主所在地个人网站建站时间 字段
  • 社交链接新增 微信公众号 字段
  • 页脚设置新增完整的配置表单(Logo、背景图、透明度、颜色、法律链接等 20+ 项)

修复

  • 修复页脚背景图 SpEL 模板中引号转义错误,确保背景图在页脚正常渲染
  • 修复「显示页脚博主信息」开关重构后不再生效的问题(已迁移至新的页脚主区域开关)

文档

  • 新增 主题配置手册,完整覆盖所有后台配置项,含截图说明与配置建议
  • 精简 README 使用教程章节,降低新用户上手门槛

技术细节

  • 版本1.0.7theme.yaml
  • 兼容性:要求 Halo >= 2.20.0
  • 依赖plugin-links(友情链接)、plugin-search-widget(搜索挂件)等
  • CSS 变更:页脚样式全面重写,新增 900+ 行 CSS,支持毛玻璃效果、统计网格、响应式布局
  • JS 变更:新增客户端翻页/滚动加载模块(index.ts),页脚订阅提示气泡(main.ts
  • 模板变更layout.html 页脚部分重写,pagination.html 翻页组件重构,index.html 首页加载逻辑拆分

升级说明

  1. 更新主题文件后,请进入后台 → 主题 → 设置,重新保存页脚相关配置以生效
  2. 如使用自定义 CSS/JS 覆盖了页脚样式,请检查兼容性
  3. 新增的「首页加载方式」默认为分页,如需体验滚动加载,请在主题设置中切换

Snipaste_2026-07-19_17-13-12

资源下载

  • halo-theme-cosolar.zip