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

头图样式:四个选项的区别
外观 → 设置外观 里能找到这一项,它有四种取值:
- 大头图模式:封面图铺满卡片顶部,标题和摘要在下方。信息展示最完整,也是默认观感;
- 小头图模式:图片缩成左侧的小方块,文字在右边,卡片会变成两列排布,一屏能看更多文章;
- 图片样式:图片当背景,标题以白色文字压在图片底部的渐变遮罩上,视觉冲击强,但摘要基本看不清;
- 两种交错:按文章顺序奇偶交替,适合图片质量参差不齐的站,但排版节奏会显得乱。
如果你希望首页看起来规整、每篇的摘要都能读到,选大头图就对了。
首页瀑布流要谨慎
同一组里还有个“首页瀑布流”的开关,官方标注是 beta。它会把卡片改成多列错落排列。问题在于:卡片高度不一致时,右侧会留下大片空白;移动端上两列会变得很窄,文字挤成一团。
除非你的文章都配了同尺寸的竖图,否则不建议开。
摘要从哪来
默认取正文前若干字。想自己控制断点,在正文里插入一行 <!--more-->,它前面的内容就是摘要。
摘要长度也可以在后台调。太长会让每张卡片高矮不一,一般 80 到 120 字比较舒服。
别忘了自定义 CSS
主题后台自带一个“自定义 CSS”输入框,改样式不用动主题文件,升级主题也不会丢。悬停动效、标题居中、圆角大小这类小调整都可以写在这里。
原则是:能用设置解决的别写 CSS,能用 CSS 解决的别改模板。