Aurora - Halo 主题
为技术博客打造的极简主义主题,专注阅读体验与开发效率


在线演示 & 交流群
- 演示站:https://www.halosb.com —— 即刻体验 Aurora 主题的完整效果
- QQ交流群:点击链接加入群聊【Halo插件主题交流群】 —— 欢迎交流使用心得、反馈建议
核心特性
- 响应式设计:自适应移动端/PC端,断点精确控制在768px/1024px
- 语义化HTML5:符合WCAG 2.1 AA标准的无障碍实现
- 主题定制:通过
theme.yaml支持配色方案/字体/布局模式切换 - 性能优化:Lighthouse评分95+,资源加载优先级分级
- 多语言支持:开箱即用的中/英/日/韩四语言包
安装配置
# 手动安装步骤
1. 复制主题文件夹到 Halo 的 themes 目录
2. 在 Halo 后台 > 主题管理 > 启用 Aurora
3. 通过 theme.yaml 修改配置参数
# 示例配置
primary_color: '#2c3e50'
font_family: 'Segoe UI, sans-serif'
目录结构详解
├── templates/ # 模板引擎文件(Nunjucks语法)
│ ├── layout.html # 基础布局模板
│ └── partials/ # 可复用组件
├── assets/css/ # PostCSS编译的样式文件
├── assets/js/ # ES6模块化脚本
├── error/404.html # 自定义404页面
├── theme.yaml # 主题配置入口
└── settings.yaml # 默认配置模板
开发流程
# 安装依赖(需先在项目根目录执行)
npm install
# 开发模式(启用热更新)
npm run dev
# 生产构建
npm run build
项目遵循 MIT 协议,欢迎通过 GitHub Issues 反馈问题























