导航

萌即是正义!时不时分享一些ACG活动记录与有趣代码的小站!

侧边栏
最新评论
广树
2025-01-18 12:40
@老张博客:张总买?
广树
2025-01-18 12:40
@Zrzzz:是怕底部被磨损?鼠标天天磨好像也什么问题呀。
广树
2025-01-18 12:39
@石樱灯笼:😅再大就成显示器了
老张博客
2025-01-18 08:10
买了,又得要花不少钱买游戏。
Zrzzz
2025-01-18 06:28
比较好奇joycon的鼠标(?)操作……估计配合prime4这种??如果splatoon也能被鼠标的话joycon会成为我今后过年回家带熊孩子们的最大消耗品TT太恐怖了
正在攻略

logo_kai.jpg


PSN奖杯卡

PSN奖杯卡

赞助商广告

现在可以公开的维基萌博客重构记录其②

作者:广树时间:2023-11-26 10:21:11分类:博客开发

趁着最近活动较少,于是就加大了力度重构博客。

本周主要是重构了文章模块和评论模块。


文章模块

QQ截图20231126112234.png

在原先的emlog中,博客文章和页面文章是存在一个表里,微语也就是推文是存在另外一个表里,此次重构将博客,推文,页面三种类型的文章全部统一到了文章表里。统一了三种文章的字段名,方便首页展示。


博客文章

QQ截图20231126110725.png

QQ截图20231126110842.png


博客编辑页面的富文本编辑器经过重构,由之前使用的编辑器转为了wangEditor。

在选择富文本编辑器时,经历了一番纠结。我曾尝试了GitHub上多款开源的富文本编辑器,但它们都存在一些缺点,比如功能过于庞大导致学习成本过高、长期没有维护、UI设计不尽如人意等问题。

经过综合考虑,最终选择了wangEditor v5。然而,令人遗憾的是,由于作者事业压力的原因,这款编辑器也停止了维护。

引入wangEditor v5后,遇到了一个问题。就是在引入旧的博客文章后,出现了各种报错。原因是这款编辑器虽然支持HTML引入,但其本质是一款依托于JSON格式的编辑器。并非所有的HTML都能兼容,而旧版本的v4相对完美地兼容了老数据。

在经历了一番挣扎后,我决定给文章添加了编辑器版本的字段,并引入了v4和v5两款编辑器。对于旧文章,使用v4的编辑器,对于新文章,则使用v5的编辑器。

虽然这种做法有些魔法,但也算是无奈之举。如果有更好的解决方案,欢迎留言分享。

关于文章的封面图,之前在emlog中是通过在摘要中添加图片实现的,而在这次重构中,我选择单独使用一个字段来保存封面图。

同样的,在emlog中插入code字段是以插件的形式实现的,而在这次重构中,我将其整合进博客系统并保存成一个字段。

其他字段基本上保持了和emlog的一致性。


推文

QQ截图20231126111042.png

推文就比较简单了,就是文字+图片的组合形式。

在emlog的微语中,一次只能插入一张图片,此次重构使其能支持多张图片的插入。


评论

QQ截图20231126111132.png

评论模块则是在emlog的基础上增加了显示IP归属地和UA信息,用于判断是否是一些说话很精妙的机器人。

就小站开放至今,时不时会有一些评论内容说是机器人发的吧,好像评论的内容确实和主题相关,但是又觉得哪里不对劲,所以想通过更多的信息做一个判断依据。


以上就是本周完成的两个大模块,以下是目前完成的进度。

目前完成进度

□□□□□首页面板统计

■■■□□管理员/站长管理

■■■■■博客分类管理

■■■■■博客标签管理

■■■■■媒体库管理

■■■■■文章管理

■■■■■评论管理

□□□□□友链管理

■□□□□网站设置

感觉顺利的话下周应该能把管理后台的基本功能做完的样子?不过也不好说,因为从下周开始又进入了周周都有活动的节奏,至少希望在2023年底完成管理后台吧。来年春季应该能完成整个博客的重构吧?


donate.png

1210 x 50(蓝底).png

cloudcone

相似内容:
推文
想着给博客增加一个页面跳转时的过渡动画,结果加上后发现页面时不时会报错。 于是经历了一番调查之后发现在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存在了至少大半年...
发表于:2024-07-27 14:17
推文
维基萌博客系统更新到了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
发表于:2024-07-20 10:53
推文
应大佬们的要求给博客加上了“自定义HTML”的功能,可以在侧边栏加上各种奇奇怪怪的HTML小组件了。 应我自己的要求给博客加上了“今日热门文章”的功能,可以直观的展现哪些是维基萌当前热门的内容。
发表于:2024-07-06 10:24
推文
综合大佬报告的一些问题,得出了苹果safari默认的视频进度条UI的一些特性(BUG?)。 1.在拖动进度条时,会受到各类Move事件影响,也就是说把视频放在幻灯片或者灯箱中后在safari上是很难操作进度条的。Chrome、Edge、Firefox都没有这个情况。 2.拖动进度条会触发onpause事件,这个在Firefox也有一样的情况,只不过可以通过video.seeking来判断这个暂停事件是由于拖动进度条导致的还是按了暂停按钮,但是safari这招并不行。 有点难搞,真要为了safari开发一套视频UI吗?😅
发表于:2024-06-30 22:06
推文
参考了各位大佬的代码,给博客加上了sitemap👏。
发表于:2024-06-11 11:27
推文
猛然发现部分设备或者浏览器会把数字解析成emoji,原因是我把emoji的字体方太前面了,同时设定在前面的字体设备或者浏览器没有,所以只要修改字体顺序和补充字体即可。 不过话说回来,emoji字体为什么还会包含数字呀?
发表于:2024-05-30 08:58
推文
除夕夜更新了一下博客的代码,非常激进的增加了页面缓存功能,结果差点起不来博客程序了...😂
发表于:2024-02-09 21:47
推文
Element Plus 这次强行重构了Select 选择器还是有点太激进了,出现了太多和原先式样上的不同,升级后能发现问题还算好的,就怕哪些功能变了但是没注意到,导致无法使用。但是如果不升级吧,2.4.x的版本又存在卡死和内存泄漏等诸多问题(虽然这和vue版本的升级有关),升级了就又存在前面Select 选择器的问题🥲。
发表于:2024-01-27 11:06