Hugo 博客近期更新:Swup、图片优化与站点重构记录

记录这次 Hugo 博客重构里做过的 Swup 无刷新切换、图片优化、交互体验和性能提升,也是近期技术更新汇总。

加载中...

许久未更,这段时间我几乎将所有精力都投入到了网站代码的重构之中。今天,终于可以将这份“成绩单”与大家分享。

此次更新不仅仅是修修补补,而是一次全方位的进化:

  • 🌊 交互升级:引入 Swup 实现页面无刷新切换,浏览体验如丝般顺滑;
  • 📊 数据可视化:新增文章统计功能,让每一次阅读都有迹可循;
  • 🖼️ 媒体优化:重构图片灯箱显示逻辑,并实施 AVIF -> WebP -> PNG 的可回退格式策略,在保证画质的前提下极致压缩体积。

🛠️ 开发历程

回顾整个开发过程,版本控制记录显示了 148 次提交。借助 AI 辅助编程工具,我在代码细节和调试上省下了不少精力,得以更专注于功能设计和创意验证。

148 次提交记录截图 (148 次 Commit,记录了这次重构的点滴进步)

💖 致谢

在此,我要特别感谢两大公益 API 提供方:

感谢你们的默默付出,让我能够毫无后顾之忧地学习技术。


项目摘要

  • 提交次数: 148 Commits
  • 开发方式: 人工设计 + AI 辅助

评论

欢迎补充、提问或纠错;评论会通过 GitHub Discussions 保存。

全部讨论

评论区会在靠近这里时自动加载,也可以手动打开。

  • 加载后会连接 GitHub 与 Giscus。
  • 评论内容、GitHub 昵称和头像会公开显示。
  • 登录 GitHub 后即可评论,未登录也可以阅读。