维基萌博客系统发布了0.22.2版本啦！ 这个版本的主要两点有： 1.重构了谷歌广告组件，不再依赖环境变量，在管理后台就可以对谷歌广告进行管理。 2.通过timochan 大佬（https://www.timochan.cn）的协助，维基萌博客系统现在可以在docker上一键部署lite版本了！日后会更新关于docker版的部署教程，敬请期待。 3.升级了nuxt的版本。 具体更新内容请见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.22.2

解决并记录因为加载顺序导致flex布局出现画面抖动的笔记

综合大佬报告的一些问题，得出了苹果safari默认的视频进度条UI的一些特性（BUG？）。 1.在拖动进度条时，会受到各类Move事件影响，也就是说把视频放在幻灯片或者灯箱中后在safari上是很难操作进度条的。Chrome、Edge、Firefox都没有这个情况。 2.拖动进度条会触发onpause事件，这个在Firefox也有一样的情况，只不过可以通过video.seeking来判断这个暂停事件是由于拖动进度条导致的还是按了暂停按钮，但是safari这招并不行。 有点难搞，真要为了safari开发一套视频UI吗？😅

捣鼓了一圈视频播放器，试了video.js和DPlayer，感觉都不大适合，还是浏览器默认的最适合😂。

差点忘记了维基萌是一个分享代码的网站，于是给代码区补上了显示代码类型和复制的按钮。

博客新功能，游戏记录页面公开！ https://www.wikimoe.com/page/games

博客对最新评论展示做了一个字符裁切，没想到如果正好遇到裁切点是emoji的时候会报错。问题是由于 JavaScript 中的字符串是由 UTF-16 编码的字符组成的，而 emoji 通常由两个 UTF-16 字符组成。当尝试裁剪字符串时，如果裁剪位置恰好在一个 emoji 的中间，那么就会得到一个无效的字符，从而导致错误。

Element Plus 这次强行重构了Select 选择器还是有点太激进了，出现了太多和原先式样上的不同，升级后能发现问题还算好的，就怕哪些功能变了但是没注意到，导致无法使用。但是如果不升级吧，2.4.x的版本又存在卡死和内存泄漏等诸多问题（虽然这和vue版本的升级有关），升级了就又存在前面Select 选择器的问题🥲。