v0.1.5：本站首页是用 Lumo 自己拼的

改版之前，本站首页是这样排的：一行「Lumo」、一段灰色说明、一条公告、一个文章轮播，然后是栏目、最新文章、生态链接和标签云。

这是博客首页的排法。放在一个产品站上，访客打开第一屏，看不出这是什么、能拿它做什么、从哪里开始。

卡在哪里

原因不在文案。「墨」的首页由模块拼成，但 0.1.4 之前能选的模块只有八种，全是博客用的：轮播、公告、精选、分类、最新、热门、标签、友链。产品首页需要的东西——一句标语、几个行动按钮、一段可以复制的安装命令、一张界面截图——一样都没有。

而前台根路径固定由主题的 index.html 渲染，也没法让一个独立页面来接管首页。

摆在面前有三条路：

• 给「墨」加落地页模块。要改产品代码、发新版本，但以后任何人用 Lumo 做产品站都能用上。
• 为官网单独写一个主题。不动产品，但整套模板和样式要从头写，而且只服务这一个站。
• 加一个「首页显示指定页面」的功能。也要发版，而且首页内容得手写 HTML，以后每次改版都要进编辑器改代码。

选了第一条。官网需要的能力，Lumo 本来就该有。

四个新模块

主视觉：一句标语、一段说明、最多三个按钮，配一张图，图可以在右边，也可以放在文字下方。第一个按钮是实心的主按钮，其余是描边按钮，一屏里只该有一个最该点的东西。没有配图时整块变成单栏，文字放宽到大约 29 个汉字一行。

特性网格：若干条「一枚印 + 一个标题 + 一句话」，两列到四列。

图文展示：一张大图配一段话，可以左右对调。连着放几块时交替对调，版面就不会排成一张表格。

命令块：一段等宽的命令，右上角一个「复制」按钮。复制按钮由单独的 landing.js 负责，不受「关闭动效」这个设置影响，它是功能，不是装饰。没有这段脚本时按钮不出现，命令照样可以手动选中。

标记用方印，不用图标

「墨」的插图系统就是一枚方印，里面一个字：空状态、404、归档页头都用它。特性网格的标记也用印，印面的字由站长自己填。

本站首页的六枚印是「一、装、墨、模、搜、升」，分别对应单文件、安装向导、中文排版、模板主题、中文搜索、在线升级。一个恰当的汉字比一个通用的线条图标更贴近那一条在说什么，而且不用在同一页上摆两套视觉语言。

配图只用真实截图

对一个 CMS 来说，界面本身就是最好的说明，装饰插画只是在页面上占一块颜色。

本站首页和文章封面上的图，都是从一个全新安装的本地实例上截的：安装向导是真的走了一遍，后台里的文章就是本站的这些文章。截图用无头 Chrome 按 2 倍像素密度拍摄，上传到媒体库后由 Lumo 自己生成 WebP 缩略图。

这一页是怎么配出来的

首页从上到下是：主视觉（配图在下方）、命令块、特性网格、三块图文、最新文章。全部在「外观 → 主题」的「首页」页签里用重复条目配出来，没有改一行模板。文章也借这次改版全部重写了一遍，改正了几处与代码不符的说法。

从旧版本升级的站点

内置主题第一次启动时会解压一份到 data/themes/ink，之后以磁盘上那份为准。在 0.1.5 及以前，这份副本不会随程序升级而更新，从旧版本升上来的站点看不到新模块——本站当时就是这样。

0.1.6 修好了这件事：解压时记下每个文件的摘要，升级时发现副本没被改过，就整份换成新版本；0.1.0 到 0.1.5 的原版副本也认得出来。所以直接升到 0.1.6 即可。改过模板的副本会原样保留，要用新模块，先把改动备份出来，再在「外观 → 主题」里对「墨」点一次「恢复出厂」。主题设置存在数据库里，不会丢。

改版时还顺手给主视觉加了一个「配图放在文字下方」的开关（0.1.6）：本站首页那张整幅的后台截图就是这样放的。并排时截图只分到半栏，界面里的字会缩到看不清。