一文看懂 NexT 的四套布局

很多 NexT 用户装好主题的第一件事就是把 scheme: Muse 改成别的。四套布局差异到底在哪?

Muse:单栏之始

默认方案。纯白背景,站点标题居中悬于页面上方约 100px,菜单横排其下。侧栏藏在左下角的三横线按钮里,点开是深蓝色的抽屉面板。

适合:日记型、文学向博客 —— 页面上除了内容什么都没有。

Mist:紧凑单栏

Mist 把 Muse 的大标题压成一行:标题靠左、菜单靠右,浅灰底色让白色内容卡自然浮起。牺牲了仪式感,换回一屏内更多的正文。

适合:工具书型、笔记型博客。

Pisces:双栏觉醒

侧栏升级为固定列(默认左侧,可配右侧):头像、站点统计、社交链接、文章目录常驻屏幕。头部变成通栏白条。浅蓝灰背景 #f5f7f9

适合:长文技术博客 —— 侧栏 TOC 让读者随时知道自己读到哪里。

Gemini:卡片化

Pisces 的全部布局 + 卡片阴影 + 更浅的背景 #eee。块与块之间的边界感最强。

适合:想要「设计感」但又不想花力气定制的人。本站当前就是 Gemini。

实现思路

四套方案共享同一份组件与设计令牌,差异全部收敛在两处:

  1. variables.css 的语义色板(背景、卡片、边框)
  2. schemes.css 的布局规则(头部对齐、内容宽度、侧栏形态)

这继承了 NexT 在 Stylus 变量上的分层设计:Gemini 的样式文件只有一句「引入 Pisces 再加阴影」。

0%