Hugo blog 主题模板重构
💡
原文中文，约2000字，阅读约需5分钟。
📝
内容提要
我为 Hugo 博客重新设计了主题模板，解决了加载慢和布局偏移的问题。新模板采用无衬线字体，改善了无障碍设计，提升了数学公式性能，减少了外部依赖，并支持 Hugo Alert。设计过程不断实践改进，未来将增加更多功能。
🎯
关键要点
- 为 Hugo 博客重新设计了主题模板，解决加载慢和布局偏移的问题。
- 旧主题使用的 Noto Serif SC 字体加载缓慢，导致显著的累积布局偏移问题。
- 新模板采用无衬线字体，符合当前审美习惯。
- 改善无障碍设计，为视觉残障人士提供便利。
- 改进数学公式性能，减少客户端 JavaScript 开销。
- 增加对 Hugo Alert 的支持，便于技术文档注解。
- 改进图片处理，避免图片溢出问题。
- 减少外部依赖，寻找更优方案。
- 主题模板设计是一个不断实践和改进的过程，未来将增加更多功能。
❓
延伸问答
Hugo博客主题模板重构的主要目的是什么？
主要目的是解决加载慢和布局偏移的问题。
新模板采用了什么样的字体？
新模板采用了无衬线字体，符合当前审美习惯。
如何改善无障碍设计？
通过使用较少的颜色和增加视觉提示，为视觉残障人士提供便利。
新模板在数学公式性能上做了哪些改进？
改为由Hugo事先将公式渲染成HTML代码，以减少客户端JavaScript的开销。
减少外部依赖的原因是什么？
是为了寻找更优方案，暂时以此作为折中。
未来对主题模板有什么计划？
未来将增加更多功能，如更完善的国际化支持。
➡️
