VOIDairo 是我自己开发的 WordPress 主题,灵感来自 Typecho 时代的 VOID。
我一直很喜欢 VOID 的气质:克制、干净、把阅读放在前面。但 VOID 毕竟是很早期的 Typecho 主题,如果直接照搬到 WordPress,很多地方都不合适。所以 VOIDairo 不是移植,也不是复制代码,而是按 WordPress 的结构重新写了一套。
现在这个博客使用的就是 VOIDairo。
设计方向
这个主题没有做成“大而全”的站点模板。它更适合个人博客、技术记录、随笔和长期写作。
文章页尽量减少干扰,只保留标题、正文、目录、评论这些核心内容。长文可以用目录跳转;代码块会用接近编辑器的样式展示,比如:
location /api/ {
proxy_pass http://127.0.0.1:3000;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
}
文章列表则保留一点视觉变化。没有封面图时,它就是干净的文字卡片;有封面图时,鼠标移上去会有轻微放大、旋转、光斑和毛玻璃标题层。这个动效的灵感来自 Sakurairo,但我把幅度收得比较小,不想让动画抢走内容本身。
写作功能
VOIDairo 主要围绕博客写作做功能,而不是堆一堆用不上的组件。
比如写说明类内容时,可以用提示块。写法示例:
[notice type="info" title="提示"]
这类区域适合放注意事项、更新说明或者配置提醒,不会打断正文阅读。
[/notice]
写链接收藏时,可以直接整理成卡片。写法示例:
[links]
[link title="VOIDairo" url="https://github.com/viuku/voidairo" desc="这个博客正在使用的 WordPress 主题。"]
[link title="Nginx 单站点限制 IP 与 CDN 域名访问配置示例" url="https://www.duckx.top/2026/04/10/nginx-ip-and-domain-whitelist/" desc="一篇偏技术记录的文章。"]
[/links]
写图集时,可以保持图片之间的间距和比例。写法示例:
[photos]
[photo src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=900&q=80" alt="桌面上的代码编辑器" caption="桌面上的代码编辑器"]
[photo src="https://images.unsplash.com/photo-1515879218367-8466d910aaa4?auto=format&fit=crop&w=900&q=80" alt="开发者工作场景" caption="开发者工作场景"]
[/photos]
需要读音标注时,可以这样写:
[ruby text="桜" rt="さくら"]
渲染出来就是 桜 这样的形式。
这些功能不复杂,但能减少很多重复排版。写技术文章时用目录和代码块;写收藏时用链接卡片;写图文记录时用图集;写提示说明时用提示块,基本就够用了。
搜索和速度
主题做了一些基础搜索优化。普通读者不需要关心具体技术名词,只要知道:搜索引擎能更容易识别文章标题、摘要、链接关系和文章结构;文章分享到社交平台时,也能带上更完整的标题、简介和封面信息。
速度方面,我尽量少引入额外脚本。图片会在需要时再加载,列表页也做了渲染优化。动画部分会照顾系统的“减少动态效果”设置,如果用户不喜欢动画,主题会自动降低动效存在感。
适合什么站点
VOIDairo 适合想认真写内容的人。
如果你的站点主要是博客、技术笔记、生活记录、作品整理,它会比较合适。它的重点是阅读、归档、评论和一点点恰到好处的视觉细节。
如果你需要复杂首页、商城模块、营销落地页或者大量可视化组件,那它不是这个方向。
后面我会继续根据自己博客的实际使用情况调整它。主题项目地址:
