静态首页里的语义化 HTML 怎么放
这篇记录只讲一个最小可用结构：header 放网站标题与引导，main
放正文区域，section 负责内容分段，article 负责承载单篇文章。这样页面结构更清楚，
后续继续加内容时也不用把一堆信息全塞进 div。
参考：MDN 关于 semantic HTML 的说明与 HTML 元素文档。
最近文章
一篇写页面结构，一篇写双列卡片布局
CSS Grid 双列卡片布局怎么收得更稳
这篇记录主要整理首页卡片区的排版：桌面端用两列布局把两篇文章排开，列间距和卡片内边距保持一致；到窄屏时再切成单列，避免标题和摘要挤在一起。
参考：MDN 关于 CSS Grid layout 的文档。