控制正文宽度

正文太宽会让读者频繁丢行，太窄又会造成碎片化阅读。可以给文章主体设置独立的最大宽度，并让标题区域和封面图略宽一些，形成有节奏的层次。

让间距有系统

不要每个模块都临时写一个间距值。可以把常用的区块距离、卡片内边距、网格间距控制在少数几个档位里。页面会因此更稳定，后续维护也更轻松。

图片要承担信息

个人博客里的图片不只是装饰。首页图应该传达站点气质，文章封面图应该暗示主题。使用固定比例和 object-fit: cover 能避免图片把布局撑乱。

按钮和链接要有清楚反馈

链接、按钮和分类标签需要在 hover 或 focus 时给出明确状态。读者不需要猜哪些元素可点击，页面也会显得更可信。

移动端先检查极端情况

  • 导航是否会挤压品牌名。
  • 按钮文字是否在小屏幕里溢出。
  • 卡片网格是否能自然变成单列。
  • 图片高度是否过高，导致首屏只剩图片。

把这些细节处理好，即使网站仍然只是 HTML 和 CSS，也能呈现出成熟、可读、可靠的作品感。