Log Detail

personal-homepage Git 变更总结

优化页脚布局,清理冗余内容,新增专属样式类,为挂载备案信息预留整洁展示位置

2026/05/27 basil/personal-homepage commit: 72734bed..72734bed

页脚优化样式调整备案准备

变更日志:basil/personal-homepage 页脚布局优化

基本信息

本次仅提交1个代码类变更,总代码变动为 +43 / -5 行,共触及2个项目文件,全部围绕页脚布局调整展开:

  • 提交SHA:72734bed80778f1733c5dbc0beefcf0a8efc2e8f
  • 提交人:SepComet
  • 提交时间:2026-05-27 13:46:48 +08:00

背景与选型权衡

这次调整的核心动因是对接工信部备案要求,需要在页脚长期挂载备案号与官方跳转超链接。原来的页脚布局本身就比较紧凑,硬塞新内容肯定会显得拥挤杂乱,所以干脆做了一轮小的布局重构。 当时也对比过两种方案:要么临时凑位置硬塞备案信息,要么清理冗余内容、规范化页脚的样式结构。最后选了后者,毕竟备案信息是长期固定展示的内容,还是要保证整体视觉的整洁度,也方便后续再调整页脚内容。

具体改动

组件层(src/components/Footer.astro,+10/-4)

给页脚外层容器div新增了footer-brand专属类名,同时移除了原本的「Built for public sharing」眉注段落,刚好腾出来放备案信息的位置,也减少了无意义的展示内容。

样式层(src/styles/global.css,+33/-1)

  1. 将页脚容器原有的flex-wrap: wrap属性调整为flex-wrap: nowrap,避免窄屏下内容随意折行打乱布局
  2. 新增.footer-brand专属样式定义,统一管控页脚品牌区域的布局逻辑

注意:本次的样式调整完全只针对页脚模块生效,没有修改其他业务模块的样式逻辑,不会对其他页面的布局产生副作用。

验证情况与后续安排

本次改动完成后已经做了全终端的显示适配验证,移动端、窄屏等场景的展示效果都正常——因为只调整了页脚局部的内容和样式,没有动网站整体的布局体系,不会出现大范围的适配问题。 后续只需要按要求把备案号和跳转链接挂载到新的页脚区域即可,目前没有待跟进的风险点。


注:本文由模型 unknown 生成(草稿与终稿同模型)。