Sky Blog Theme
基于现代前端技术栈的 Halo 2.0 博客主题
预览
- 在线演示: 5ee 博客
- 主题文档: 简介 - halo-theme-sky-blog-1
技术栈
| 技术 | 版本 | 说明 |
|---|---|---|
| Vite | 7.x | 下一代前端构建工具，极速热更新 |
| Tailwind CSS | 4.x | 原子化 CSS 框架，无需编写自定义 CSS |
| DaisyUI | 5.x | 基于 Tailwind 的 UI 组件库，提供丰富的预设样式 |
| Alpine.js | 3.x | 轻量级响应式框架，替代复杂的前端框架 |
| TypeScript | 5.x | 类型安全的 JavaScript 超集 |
| Thymeleaf | 3.x | Halo 模板引擎，服务端渲染 |
功能特性
- 🎨 多主题支持（明暗切换 + 多配色方案）
- 📱 响应式设计，完美适配移动端
- ⚡ 页面加载动画，避免样式闪烁
- 🔍 全站搜索支持
- 💬 评论系统集成
- 📊 GitHub 热力图展示
- 🖼️ 图库灯箱效果
- 🎯 悬浮控制栏
- 📝 多种文章列表风格（卡片/列表/杂志/极简）
插件适配
功能类插件
这些插件有独立的模板和完整功能支持：
| 插件 | 说明 | 链接 |
|---|---|---|
| 瞬间 | 瞬间管理模块 | 应用市场 |
| 朋友圈 | RSS 订阅功能，支持获取订阅内容 | 应用市场 |
| 友链自助提交 | 访问者可自助提交友链，后台审核 | 应用市场 |
| 图库管理 | 图库管理模块 | 应用市场 |
| 链接管理 | 网站友情链接管理 | 应用市场 |
工具类插件
这些插件已适配样式和引用：
| 插件 | 说明 | 链接 |
|---|---|---|
| Shiki 代码高亮 | 代码块语法高亮 | 应用市场 |
| 搜索组件 | 统一的搜索组件 | 应用市场 |
| 联系表单 | 联系表单插件 | 应用市场 |
| 评论组件 | 完整的评论解决方案 | 应用市场 |
| 文本绘图 | Mermaid 和 PlantUML 支持 | 应用市场 |
| lightgallery.js 灯箱 | 图片放大灯箱效果 | 应用市场 |
安装
- 从 Releases 下载最新版本
theme-sky-blog-1-x.x.x.zip - 在 Halo 后台 → 外观 → 主题 → 安装主题
- 上传下载的 zip 文件
- 启用主题
开发
# 安装依赖
pnpm install
# 开发模式
pnpm dev
# 构建主题包
pnpm build
反馈与支持
- 问题反馈: GitHub Issues
- 源码仓库: GitHub