Handsome 的首页长什么样,很大程度上取决于后台那几个“头图样式”相关的选项。很多人换了主题觉得“和别人的不一样”,其实只是这几项没对齐。

主题设置

头图样式:四个选项的区别

外观 → 设置外观 里能找到这一项,它有四种取值:

  • 大头图模式:封面图铺满卡片顶部,标题和摘要在下方。信息展示最完整,也是默认观感;
  • 小头图模式:图片缩成左侧的小方块,文字在右边,卡片会变成两列排布,一屏能看更多文章;
  • 图片样式:图片当背景,标题以白色文字压在图片底部的渐变遮罩上,视觉冲击强,但摘要基本看不清;
  • 两种交错:按文章顺序奇偶交替,适合图片质量参差不齐的站,但排版节奏会显得乱。

如果你希望首页看起来规整、每篇的摘要都能读到,选大头图就对了。

首页瀑布流要谨慎

同一组里还有个“首页瀑布流”的开关,官方标注是 beta。它会把卡片改成多列错落排列。问题在于:卡片高度不一致时,右侧会留下大片空白;移动端上两列会变得很窄,文字挤成一团。

除非你的文章都配了同尺寸的竖图,否则不建议开。

摘要从哪来

默认取正文前若干字。想自己控制断点,在正文里插入一行 <!--more-->,它前面的内容就是摘要。

摘要长度也可以在后台调。太长会让每张卡片高矮不一,一般 80 到 120 字比较舒服。

别忘了自定义 CSS

主题后台自带一个“自定义 CSS”输入框,改样式不用动主题文件,升级主题也不会丢。悬停动效、标题居中、圆角大小这类小调整都可以写在这里。

原则是:能用设置解决的别写 CSS,能用 CSS 解决的别改模板。

最后修改:2026 年 11 月 07 日
如果觉得我的文章对你有用,请随意赞赏