维护项目

2023-02-12

近期看 Hingle 主题挺多人反馈意见的,于是乎下午去维护了一下 Hingle 主题,主要排查了下首页文章截取摘要会出现一些奇怪数字的问题。

我顺藤摸瓜都找到了对应的处理函数了,结果却发现这些数字其实是代码高亮里面的行数,这玩意是 Highlight 返回的,顿时一想能不能直接借此机会放弃使用,改为和 Single 主题同款的 Prism。因为我发现 Prism 的代码函数,是通过 CSS 伪元素完成的渲染,并不会出现在 DOM 里,这不美哉吗?

关于切换 Highlight 到 Prism,我此前遇到过切换无效的情况,所以才采用的 Hightlight。借此去搜索了相关的 Issue,果然有收获,需要执行 hexo clean 命令才可以修复这个问题。

于是我就开始动手了,把主题的样式部分都进行了同步,和 Single 主题的差异还是不小的。把这些差异处理完之后完善好 Prism 的代码行数展示相关样式,得到了这样一句话:

非常感谢,您的主题十分好看,用起来非常舒服 😋

下午老大问我有没有做过测试相关的东西,准确来说就是编写一段脚本,模拟用户加入会议测试相关功能可靠性。我第一个想到了之前 Innei 群里讨论的 E2E,也许就是这个东西。老大把我拉了个群,隔壁项目组的同事说使用的是一个叫 Puppeteer 的框架完成的,然后我拿这个关键词跟我此前有所耳闻的 Cypress 搜索发现它们算是同一个类型的东西,可惜我只是知道有这种测试框架,但是却并没有实际使用过。既然这次问到了,就意味着后期就肯定是想要我学会了。

后续他们提前测试了一遍会议,并反馈了一些问题,也就意味着在明天之前要把它们全部修好。所以晚上就小加了会儿班,把我负责的字幕问题修复了之后,顺带把侧边栏的组件重构。主要优化了它的样式,并尝试解耦容器组件,提高复用性。同时去除了原先臃肿的「拖拽改高度」功能,想着后期做成手风琴的效果,也不会再使用到了。

半斤八两 多云 一般
概览页 时间轴
奇趣音乐盒 技术源于 Kico Player
Emmm,这里是歌词君