本站始建于2018年,至今已有多个年头,今天心血来潮折腾了半天,把网站主要技术进行了升级。以下是此次升级的具体内容:
Hexo框架升级
从 5.4.0 到 7.3.0
这次升级将 Hexo 的版本从 5.4.0 提升到了 7.3.0。随着版本的跃升,网站在性能、兼容性和功能上都有了显著的改进。以下是几个主要的变化:
- 性能优化:Hexo 7.3.0 在生成静态页面的速度上有了显著提升,大幅缩短了部署时间。
- 插件兼容性:新版 Hexo 对多种插件的兼容性得到了增强,减少了因版本不兼容而导致的问题。
- 新功能支持:引入了许多新的特性,进一步丰富了内容管理和网站构建的可能性。
Kratos-Rebirth主题升级
从 1.0.0 到 2.2.0
同时,我还将网站的主题从版本 1.0.0 升级到了 2.2.0。新的主题版本不仅带来了视觉上的提升,还在功能上进行了大量的增强:
- 视觉优化:新的主题版本在UI设计上更为现代,增强了用户体验,使网站看起来更加专业和吸引人。
- 响应式设计:2.2.0版本进一步优化了响应式设计,使得网站在移动设备上的表现更加出色。
- 可定制性:新版主题增加了更多的可定制选项,方便我根据需求调整网站的外观和功能。
升级后的体验
经过这次升级,网站的整体性能得到了显著提升,用户体验也更加顺畅和美观。这次升级不仅增强了网站的可维护性,还为将来添加新功能打下了坚实的基础。
接下来,我将继续优化和扩展网站的功能,探索更多可能性。
遇到的一些坑
- 本地打包正常,linux不正常—–原因:配置的主题名称大小写问题,Linux对大小写敏感
- 本地启动正常,部署后样式不正常—–原因:网站开始了CFCDN,对一些js、css进行了缓存,导致加载的还是旧的,解决:迁往CF官网清除所有缓存内容,刷新后正常
- 发现升级后用gulp打包的时候内存占用过大,小鸡不堪重负弃用之~
- 升级后,进入页面不会加载评论系统,原因查明线上环境的script的type不是通常的
text/javascript
,而是xxx-text/javascript
的形式,然后主题里的pjax.min.js手动加载script的判断是等于这个type才执行,最后的结果就是通过pjax加载的页面都不能执行页面的script内容,解决:下载整个主题文件,然后把themes\Kratos-Rebirth-2.2.0\source\js\pjax.min.js
里的"text/javascript"===a.type.toLowerCase()
修改为a.type.toLowerCase().includes("text/javascript")
即可解决