用 Halo 与 Strata 搭建个人博客
Halo 是开源的建站工具，Strata 是面向 Halo 2.27 的卡片化主题……
2026-10-24 · 技术
Halo 2.27 主题 · MIT
把博客，
排成清晰的层理
Strata 是一套面向 Halo 2.27 的卡片化技术博客主题。 单栏、两栏、三栏可以按页面分别指定，浅色、深色与跟随系统三态共存； 目录、阅读进度、灯箱与常用页面模板都已内置。
直接下载 strata-1.2.0.zip · 体积很小，无需构建，上传即用
- v1.2.0最新版本
- ≥ 2.27Halo 版本
- 1 / 2 / 3栏布局
- 14 组可调设置
纯 Thymeleaf 模板 · 不引入前端框架 · 静态资源随主题打包
Strata
热门文章
搭建个人博客写作节奏性能优化
按主题默认设置绘制的交互示意 · 点右上角切换明暗
01 / 外观
同一套内容，调成你的样子
下面的控件对应「主题设置 → 外观」里的真实选项。改一改，右侧预览会立刻跟着变。
Strata
⌕ 搜索
一次主题性能优化记录
2026-10-24 · 技术 · 8 分钟
字体、图片与请求顺序
文末
转载请注明出处
CC BY-NC-SA 4.0 · Yaohaolin
浅色 · 纸白 · 蓝 · 柔和 5%
设置示意 · 非真实主题渲染
主题一共 14 组设置：字体、导航、侧栏、列表、首页、文章页、友链、外链、性能、页脚与 SEO 都能在控制台里改，不必动模板。
02 / 阅读
把注意力留在正文上
长文阅读需要的动作都被放到顺手的位置，又不会一直浮在正文上抢视线。
目录在它该在的位置
单栏文章把目录放在正文左侧；两栏、三栏时移到右侧栏。移动端收起为按钮与抽屉，不占正文宽度。目录层数可只保留二级，或展开到三、四级。
读到哪儿，看得见
顶部阅读进度条按正文滚动计算，不包含页头与页脚；超过一屏后出现返回顶部按钮。
图片灯箱
正文图片点击放大，淡入淡出与缩放时长可调；系统开启「减少动态效果」时自动关闭动画。
代码块随手复制
悬停出现复制按钮，复制成功后就地提示；不依赖额外的剪贴板库。
列表滚动加载
默认滚动到底自动加载下一页；关闭后回退为传统分页链接，照顾不依赖脚本的访问方式。
“先有内容，— Strata 的设计前提
再有装饰。”
03 / 模板
常用页面，已经写好
新建页面时直接选模板；模板的正文留空，内容在主题设置里维护，升级主题不会覆盖。
页面模板适用
| 模板 | 适用 | 说明 |
|---|---|---|
| 空白页面 | 独立页面 | 不套卡片，正文 HTML 原样输出，适合自行编写交互内容。 |
| 空白文章 | 文章 | 同上，但没有目录、封面与文末卡片，正文由你完全掌控。 |
| 友情链接 | 独立页面 | 申请流程、友链墙、友链须知、免责声明与申请表单。 |
| 留言板 | 独立页面 | 留言须知、留言墙与评论区，说明文字在主题设置里改。 |
| 个人链接 | 独立页面 | 以卡片形式罗列你在其他平台的主页，支持分组与平台图标。 |
友链数据可来自主题设置、链接管理插件或自动检测；插件已启用但没有链接时，会回退到设置里的列表。
04 / 安装
上传一个 ZIP，就能用
Strata 使用 Halo 原生主题结构，不需要额外的服务端插件。
- 01
-
02
上传并启用
Halo 控制台 → 主题 → 安装 → 上传 ZIP；安装完成后点「启用」。
-
03
按分组配置
进入「主题 → 设置」，先定外观与布局，再补导航、侧栏与页脚。所有选项都有控制台说明。
-
04
建页面时选模板
友情链接、留言板、个人链接、空白页面与空白文章都在模板列表里；正文留空即可。
!
需要 Halo 2.27.0 或更高。低版本缺少主题依赖的模板接口，安装后可能无法正常渲染。
05 / 边界
它能做什么，不做什么
写清楚边界，比多列十个功能更有用。
可以做
- 浅色 / 深色 / 跟随系统三态，五种浅色底，柔和度、卡片亮度与夜间调暗均可调。
- 卡片高光跟随指针；背景可选星光、动态电路、落叶；主题切换支持圆形扩散、淡入淡出或立即切换。
- 首页、文章页、归档页、分类标签页可分别指定单栏、两栏或三栏；移动端隐藏侧栏。
- 目录、阅读进度、图片灯箱、代码复制、无限滚动、文末版权与赞赏卡片。
- 五套专用模板与四种页内卡片；友链支持主题设置、链接管理插件与自动检测。
- 输出 canonical、Open Graph 与 BlogPosting 结构化数据，可逐项关闭。
- AVIF 探测、链接预取、图片懒加载与首屏封面优先加载。
做不到
- 不是可视化建站器：版式由模板与设置决定，不能像页面编辑器一样拖动区块。
- 不支持 Halo 2.26 及以下版本。
- 导航栏的全局搜索按钮依赖
PluginSearchWidget插件，未安装时不显示。 - 自定义 HTML 页面里的
<style>会被 Halo 移除，样式要写进「SEO → 自定义 head 代码」。 - AVIF 需要自行生成
.avif文件或由反向代理做内容协商，主题只负责探测与替换。 - 背景动效与切换动画会遵循系统的「减少动态效果」设置，不强制播放。