Earthquake
基于 Earth 二开的 Halo 主题 · 轻量 · 有态度
预览（非默认配色，默认配色请在线预览 ）
桌面端
 |
 |
| 暗色 · 首页列表 | 亮色 · 首页列表 |
 |
|
| 暗色 · 文章详情（目录 + 代码高亮 + 侧栏） | |
移动端
 |
 |
 |
| 暗色首页 | 亮色首页 | 文章详情 |
 |
||
| 可折叠文章目录 | ||
 |
||
| 标签云 + 评论 | ||
特性
- 🎨 明暗模式 — 支持访客手动切换，可选圆形扩散过渡动画
- 🌈 OKLCH 单变量配色 — 30+ 主题预设，一键切换
- 🔤 字体切换 — 系统 / Roboto / JetBrains Mono / MiSans / LXGW WenKai
- 📑 原生文章目录 — 左侧 / 文内 / 双目录三种模式
- 🖼️ 图片预览器 — 灯箱、缩略图栏、EXIF 面板、原图打开
- 💎 毛玻璃导航栏 — 滚动时模糊效果
- 📱 移动端适配 — 响应式布局，触控友好
技术栈
Astro + Tailwind CSS 4 + Alpine.js
安装
从 Releases 下载最新 ZIP，在 Halo Console 主题管理 中上传启用。
要求 Halo >= 2.22.0。
推荐插件
均非必需，按需安装：
| 插件 | 用途 |
|---|---|
| 链接管理 | 友链页 |
| 图库管理 | 图库 / 照片详情 |
| 瞬间 | 瞬间列表和详情 |
| Shiki 代码高亮 | 代码块语法高亮 |
开发
git clone git@github.com:mufengyian/theme-earthquake.git
cd theme-earthquake
pnpm install
pnpm dev # watch + rebuild
需要 Node.js >= 22.13.0、pnpm 11.8.0。
| 命令 | 说明 |
|---|---|
pnpm run check |
类型检查 + 静态构建 |
pnpm run build |
构建 + 打包 |
pnpm run package |
仅打包，产物在 dist/ |
pnpm run format |
Prettier 格式化 |
目录结构
src/
assets/ 样式、脚本、Alpine 数据
components/ Astro 组件（SEO、导航、卡片等）
layouts/ 页面布局模板
pages/ 路由页面
public/ 静态资源（logo、封面等）
scripts/ 构建辅助脚本
templates/ 构建输出（勿手动修改）
dist/ 打包产物
发布
- 更新
theme.yaml中的版本号 pnpm run check确认通过- 推送到 main 分支，GitHub Actions 自动生成 Release