前端优化 标签归档 - 永夜 没有不值得去解决的问题，也没有不值得去学习的技术！ Sat, 15 Aug 2026 09:45:01 +0000 zh-Hans hourly 1 https://wordpress.org/?v=7.1.2 https://media.shuijingwanwq.com/2026/05/logo-150x150.png 前端优化 标签归档 - 永夜 32 32 A Tour of Go 多语言翻译项目：修复手机端首页顶栏标题换行，并完成真机验证 https://www.shuijingwanwq.com/2026/08/15/25788/ Sat, 15 Aug 2026 09:44:59 +0000 https://www.shuijingwanwq.com/?p=25788 本文记录 A Tour of Go 多语言翻译项目一次手机端首页顶栏标题换行问题的完整处理过程。从真实手机发现“A Tour of Go 多语言翻译项目”最后一个字符被挤到第二行，到定位移动端 CSS、调整 Logo 间距与标题字号、在 360px 宽度下验证，再到评估 320px 极窄屏边界、发布生产、处理 EdgeOne 缓存并完成真机最终验收。整个过程也进一步明确了项目在响应式设计中的原则：优先解决真实设备上的实际问题，不过度针对极端宽度堆叠特殊规则，并为未来多语言扩展保留足够简单、可维护的实现。

A Tour of Go 多语言翻译项目：修复手机端首页顶栏标题换行，并完成真机验证最先出现在永夜。

]]> Header 诗词微内容系统实战：从动态动画到稳定静态组件的收敛过程 https://www.shuijingwanwq.com/2026/07/04/18778/ Sat, 04 Jul 2026 06:41:23 +0000 https://www.shuijingwanwq.com/?p=18778 本文记录了在 WordPress Header 中集成唐诗宋词微内容模块的实战过程。初期尝试使用 CSS 动画导致布局抖动和结构不稳定，最终决定放弃动效，改为通过 WPCode 插件和 PHP 控制的静态组件。文章详细阐述了从动态方案收敛到静态展示的调整过程，利用 GitHub 的结构化 JSON 数据进行内容处理，并通过 CSS 和 FSE 布局优化，最终实现了轻量且稳定的 Header 展示效果。

Header 诗词微内容系统实战：从动态动画到稳定静态组件的收敛过程最先出现在永夜。

]]>