导航

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

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

作者:广树·时间: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年底完成管理后台吧。来年春季应该能完成整个博客的重构吧?


侧边栏
最新评论
广树
2024-05-08
@Asuna:谢谢!谢谢!
Asuna
2024-05-08
恭喜获得高质量博客认证~
广树
2024-05-08
@老张博客:是的,不仅仅是大城市,很多小乡村也是依靠动漫发展起来的旅游产业,所以不要小看文化产业带来的经济价值啊!
老张博客
2024-05-08
到日本 是不是大街小巷都是这些动漫呀!
广树
2024-05-08
@Chise Hachiroku:不是还有,而是最近出来的新服务🤭。送货时间太迟了,不是急需的话还是一般配送比较好。
正在攻略

圣兽之王.jpg

传颂之物

PSN奖杯卡

PSN奖杯卡

赞助商广告