网站改版,启用新主题

自重捡起 puyu.co 搭建 blog 后,一晃网站已经运行近五年,原先的版面也有些视觉疲劳,之前一直想改使用的 hugo 主题,却把样式改残,故迟迟未能更换。近期发现一款 hugo theme,感觉简洁美观,遂有改版想法。下载后简单应用,就开始动手。

原先的模板中,大量使用 jQuery 等库,导致加载缓慢,在部分浏览器中展示存在问题。新主题 dairy 不仅界面美观,使用新的技术理念,更加便于长期维护。更换后将大幅提升访问本站的用户体验。

更新工作

主题均基于 hugo,也就省了较多气力,需要改变的工作不多,简单记录如下:

  • 更新 hugo 版本,尤其要使用 extended 版本,用于编译scss 等
  • 重新配置 config.toml, 这个是换主题必须的
  • 调整页面中列表 展示的时间、分类等信息
  • 正文中增添字数统计,调整标签、阅读时间等展示
  • 版权部分增加备案信息,上线前必备
  • 增加侧栏作者信息、网站文章统计、推荐链接等功能
  • 调试新的主题色(原先蓝色有些暗,费眼)
  • 页面部分样式微调
  • 其他小调整

其他

在更新过程,也遇到一些问题,经摸索后解决

  1. gogs 上传错误,主要是更换主题后提交的文件过大,导致失败,增大git 缓存后解决
  2. 服务器未使用 hugo extended 版本,更新后报 libstdc++相关错误,更新 gcc 等未解决,更改思路,本地 build 后上传部署

经过部署测试,先上线后期再持续调整优化。网站界面只是一方面,更重要的是持续输出优质内容(近半年有些懈怠😅)。


最后修改于 2025-08-03

 CONTENTS