FIT2CLOUD
Cosolar 的图标

Cosolar

4,637
1,630

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

1.1.1
Cosolar 发布于
>=2.20.0

halo-theme-cosolar v1.1.1

图标系统重构

图标库统一

  • 新增图标库切换选项:支持 Iconify(默认,开箱即用)和 iconfont(阿里巴巴,自定义图标)两种模式
  • 移除内置 iconfont 字体文件(src/assets/fonts/),改由用户按需自建 iconfont 项目并通过 CSS 地址引入
  • 导航栏、分类、标签等内置 SVG 图标不受图标库切换影响,保持独立渲染

社交图标配置升级

  • 新增 博主社交图标 数组配置,支持动态添加任意数量的社交链接
  • 每个图标项独立控制显隐(显示此图标 开关),无需删除即可临时隐藏
  • 统一通过图标库名称渲染(Iconify 填 mdi:github,iconfont 填 icon-github),颜色自动跟随文字色
  • 移除 SVG 文件上传方式,简化为仅图标名模式
  • 侧边栏博主卡片与页脚社交区域共用同一份配置,一次配置两处生效

社交链接精简

  • 移除掘金、微信公众号、CSDN、知乎等独立社交字段配置
  • 移除 GitHub、邮箱、RSS 独立字段,统一归入博主社交图标数组管理
  • 侧边栏与页脚均移除兜底显示逻辑,未配置则显示空

样式优化

导航栏

  • 修复导航栏图标与文字水平不居中问题(line-height 导致基线偏移)
  • 采用 flexbox 布局 + --svg-vertical-align: 0 实现几何中心对齐

页脚社交图标

  • 修复 Iconify 图标在圆形容器中偏小且不居中的问题
  • 增大图标尺寸至 20px,添加 inline-flex 居中对齐

侧边栏

  • 分类图标更新为书本样式 SVG
  • 标签图标更新为标签点样式 SVG
  • 社交图标容器恢复 32×32px、图标 22px、6px 圆角边框样式

图库改进

删除交互修复

  • 修复删除照片后页面未及时刷新的问题:删除成功后立即从 DOM 移除卡片并精确更新对应计数(总数、分组数、未分组数),不再整页重拉(后端读接口存在写入传播延迟,重拉会重新渲染已删照片)
  • 删除后若该页照片删空,自动显示空状态并隐藏分页器

分组导航优化

  • 将「不分组」选项移至分组列表之后(顶部筛选栏与侧边栏小组件均调整)
  • 未分组照片数量为 0 时,自动隐藏「不分组」选项

操作按钮权限开关

  • 后台「图库页设置」新增 显示操作按钮 开关(默认开启)
  • 上传、删除等图库操作按钮仅当 访客已登录且开启此开关 时才显示;关闭后所有访客(含登录用户)均看不到操作按钮

其他

  • 版本号升级至 1.1.1
  • 清理无用代码与冗余样式

资源下载

  • halo-theme-cosolar.zip