广树管理员
2025-02-19 22:04
@老张博客：大佬呀，这第几次问这个问题了呀
导航
萌即是正义！时不时分享一些ACG活动记录与有趣代码的小站！
侧边栏
正在攻略
PSN奖杯卡
分类：博客开发
页面切换更流畅的维基萌博客系统0.24.2版本发布啦！
为了减少路由跳转导致时的页面抖动，增加了一些过渡动画当作缓冲。
但是因为nuxt3自带的页面切换动画会导致接口被多次调用，于是只能自己手搓了一个，缺点就是动画的时间不能很长，不过目前看着效果还行。
另外有大佬希望能显示当前博客系统的版本，就增加了版本显示，可以在管理后台首页以及博客底部看到。同时为了照顾不想在博客端显示版本号的用户增加了博客端是否显示版本号的选项。
具体更新内容请见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.24.2
页面切换更流畅的维基萌博客系统0.24.2版本发布啦！
为了减少路由跳转导致时的页面抖动，增加了一些过渡动画当作缓冲。
但是因为nuxt3自带的页面切换动画会导致接口被多次调用，于是只能自己手搓了一个，缺点就是动画的时间不能很长，不过目前看着效果还行。
另外有大佬希望能显示当前博客系统的版本，就增加了版本显示，可以在管理后台首页以及博客底部看到。同时为了照顾不想在博客端显示版本号的用户增加了博客端是否显示版本号的选项。
具体更新内容请见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.24.2
博客的评论可以撤回啦！在维基萌博客系统0.24.0版本中，如果遇到评论内容有不妥的情况，可以在5分钟内进行撤回操作（当然博主还是会知道你撤回了什么内容🤭），这样就不怕奇怪的评论被发到网上啦！
这评论系统做的越来越像是聊天系统了呢😅。
另外，既然可以撤回了，那么评论者自然也就可以看到自己还在审核中的评论了。对比之前的弹窗提示，这样用户能更直观的确认到自己刚才的评论是否发送成功了，从而防止出现重复发送评论的现象。
维基萌博客系统0.24.0版本现已发布，具体更新内容详见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.24.0
博客的评论可以撤回啦！在维基萌博客系统0.24.0版本中，如果遇到评论内容有不妥的情况，可以在5分钟内进行撤回操作（当然博主还是会知道你撤回了什么内容🤭），这样就不怕奇怪的评论被发到网上啦！
这评论系统做的越来越像是聊天系统了呢😅。
另外，既然可以撤回了，那么评论者自然也就可以看到自己还在审核中的评论了。对比之前的弹窗提示，这样用户能更直观的确认到自己刚才的评论是否发送成功了，从而防止出现重复发送评论的现象。
维基萌博客系统0.24.0版本现已发布，具体更新内容详见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.24.0
维基萌博客系统发布了0.23.0版本啦！
这次更新结合了一些大佬的意见对界面做了一些调整，并对一些陈年老BUG做了修复。
新增了【图片组】的元素，这个在文章《2025年的第一展——15周年纪念 妖狐×仆SS・藤原可可亚展》中第一次应用。
另外考虑到很多人不会正确设置JWT密钥，在0.23.0版本更新后由系统自动生成安全系数较高的密钥。
具体更新内容请见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.23.0
维基萌博客系统发布了0.23.0版本啦！
这次更新结合了一些大佬的意见对界面做了一些调整，并对一些陈年老BUG做了修复。
新增了【图片组】的元素，这个在文章《2025年的第一展——15周年纪念 妖狐×仆SS・藤原可可亚展》中第一次应用。
另外考虑到很多人不会正确设置JWT密钥，在0.23.0版本更新后由系统自动生成安全系数较高的密钥。
具体更新内容请见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.23.0
描述
描述
描述
描述
维基萌博客系统发布了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
维基萌博客系统发布了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
维基萌博客系统发布了0.21.0版本啦！
这次更新主要增加了文章的批量处理以及大量细致化的设置。
具体更新内容请见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.21.0
维基萌博客系统发布了0.21.0版本啦！
这次更新主要增加了文章的批量处理以及大量细致化的设置。
具体更新内容请见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.21.0
维基萌博客系统发布了0.20.0版本啦！
这次新增了博文/推文底部共通内容和相似内容功能。
详情见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.20.0
维基萌博客系统发布了0.20.0版本啦！
这次新增了博文/推文底部共通内容和相似内容功能。
详情见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.20.0
维基萌博客系统发布了0.19.4版本啦！这次依旧是一些优化和BUG修复，详情见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.19.4
维基萌博客系统发布了0.19.4版本啦！这次依旧是一些优化和BUG修复，详情见：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.19.4
维基萌博客系统发布了0.19.3版本啦！
此次更新主要是一些小优化，具体更新内容可以在github上查看：
https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.19.3
维基萌博客系统发布了0.19.3版本啦！
此次更新主要是一些小优化，具体更新内容可以在github上查看：
https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.19.3
想着给博客增加一个页面跳转时的过渡动画，结果加上后发现页面时不时会报错。
于是经历了一番调查之后发现在Nuxt.js中给页面加上跳转动画pageTransition后，页面和组件的onMounted会被执行2次！？
相关的Issue在Github上也有人提出：https://github.com/nuxt/nuxt/issues/27442
大致需要满足3个条件才会触发：
1.设置了pageTransition
2.mode设置为out-in
3.页面上有await useAsyncData加载接口内容
感觉有点天坑，这个问题虽然最早是今年6月有人发现的，但是实际上我所用的Nuxt版本是去年年底的版本，也就是说这个bug存在了至少大半年...
想着给博客增加一个页面跳转时的过渡动画，结果加上后发现页面时不时会报错。
于是经历了一番调查之后发现在Nuxt.js中给页面加上跳转动画pageTransition后，页面和组件的onMounted会被执行2次！？
相关的Issue在Github上也有人提出：https://github.com/nuxt/nuxt/issues/27442
大致需要满足3个条件才会触发：
1.设置了pageTransition
2.mode设置为out-in
3.页面上有await useAsyncData加载接口内容
感觉有点天坑，这个问题虽然最早是今年6月有人发现的，但是实际上我所用的Nuxt版本是去年年底的版本，也就是说这个bug存在了至少大半年...
维基萌博客系统更新到了v0.19.1。
具体更新内容可以在github上查看：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.19.1
补充：
被群内大佬指出了几个小BUG，临时加更了v0.19.2。
具体内容：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.19.2
维基萌博客系统更新到了v0.19.1。
具体更新内容可以在github上查看：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.19.1
补充：
被群内大佬指出了几个小BUG，临时加更了v0.19.2。
具体内容：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.19.2
解决并记录因为加载顺序导致flex布局出现画面抖动的笔记
最近在浏览维基萌的时候发现了一个因为加载顺序导致的flex布局抖动现象，想着挺有意思的就记录一下解决思路和方案。
解决并记录因为加载顺序导致flex布局出现画面抖动的笔记
应大佬们的要求给博客加上了“自定义HTML”的功能，可以在侧边栏加上各种奇奇怪怪的HTML小组件了。
应我自己的要求给博客加上了“今日热门文章”的功能，可以直观的展现哪些是维基萌当前热门的内容。
应大佬们的要求给博客加上了“自定义HTML”的功能，可以在侧边栏加上各种奇奇怪怪的HTML小组件了。
应我自己的要求给博客加上了“今日热门文章”的功能，可以直观的展现哪些是维基萌当前热门的内容。
综合大佬报告的一些问题，得出了苹果safari默认的视频进度条UI的一些特性（BUG？）。
1.在拖动进度条时，会受到各类Move事件影响，也就是说把视频放在幻灯片或者灯箱中后在safari上是很难操作进度条的。Chrome、Edge、Firefox都没有这个情况。
2.拖动进度条会触发onpause事件，这个在Firefox也有一样的情况，只不过可以通过video.seeking来判断这个暂停事件是由于拖动进度条导致的还是按了暂停按钮，但是safari这招并不行。
有点难搞，真要为了safari开发一套视频UI吗？😅
综合大佬报告的一些问题，得出了苹果safari默认的视频进度条UI的一些特性（BUG？）。
1.在拖动进度条时，会受到各类Move事件影响，也就是说把视频放在幻灯片或者灯箱中后在safari上是很难操作进度条的。Chrome、Edge、Firefox都没有这个情况。
2.拖动进度条会触发onpause事件，这个在Firefox也有一样的情况，只不过可以通过video.seeking来判断这个暂停事件是由于拖动进度条导致的还是按了暂停按钮，但是safari这招并不行。
有点难搞，真要为了safari开发一套视频UI吗？😅
博客系统积攒了一波更新，推了一个新版本，具体更新内容可以在github上查看：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.18.1
话说我最近才知道原来loli.net这个用来镜像的域名已经不大好使了，反而谷歌的fonts.googleapis.com域名好使了？
博客系统积攒了一波更新，推了一个新版本，具体更新内容可以在github上查看：https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.18.1
话说我最近才知道原来loli.net这个用来镜像的域名已经不大好使了，反而谷歌的fonts.googleapis.com域名好使了？
捣鼓了一圈视频播放器，试了video.js和DPlayer，感觉都不大适合，还是浏览器默认的最适合😂。
捣鼓了一圈视频播放器，试了video.js和DPlayer，感觉都不大适合，还是浏览器默认的最适合😂。
猛然发现部分设备或者浏览器会把数字解析成emoji，原因是我把emoji的字体方太前面了，同时设定在前面的字体设备或者浏览器没有，所以只要修改字体顺序和补充字体即可。
不过话说回来，emoji字体为什么还会包含数字呀？
猛然发现部分设备或者浏览器会把数字解析成emoji，原因是我把emoji的字体方太前面了，同时设定在前面的字体设备或者浏览器没有，所以只要修改字体顺序和补充字体即可。
不过话说回来，emoji字体为什么还会包含数字呀？
1/2