网站改版,启用新主题
自重捡起 puyu.co 搭建 blog 后,一晃网站已经运行近五年,原先的版面也有些视觉疲劳,之前一直想改使用的 hugo 主题,却把样式改残,故迟迟未能更换。近期发现一款 hugo theme,感觉简洁美观,遂有改版想法。下载后简单应用,就开始动手。
原先的模板中,大量使用 jQuery 等库,导致加载缓慢,在部分浏览器中展示存在问题。新主题 dairy 不仅界面美观,使用新的技术理念,更加便于长期维护。更换后将大幅提升访问本站的用户体验。
更新工作
主题均基于 hugo,也就省了较多气力,需要改变的工作不多,简单记录如下:
- 更新 hugo 版本,尤其要使用 extended 版本,用于编译scss 等
- 重新配置 config.toml, 这个是换主题必须的
- 调整页面中列表 展示的时间、分类等信息
- 正文中增添字数统计,调整标签、阅读时间等展示
- 版权部分增加备案信息,上线前必备
- 增加侧栏作者信息、网站文章统计、推荐链接等功能
- 调试新的主题色(原先蓝色有些暗,费眼)
- 页面部分样式微调
- 其他小调整
其他
在更新过程,也遇到一些问题,经摸索后解决
- gogs 上传错误,主要是更换主题后提交的文件过大,导致失败,增大git 缓存后解决
- 服务器未使用 hugo extended 版本,更新后报 libstdc++相关错误,更新 gcc 等未解决,更改思路,本地 build 后上传部署
经过部署测试,先上线后期再持续调整优化。网站界面只是一方面,更重要的是持续输出优质内容(近半年有些懈怠😅)。
最后修改于 2025-08-03