导航

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

侧边栏
最新评论
广树管理员
2025-05-07 21:00
@ZeroCounter:哈哈哈,被发现啦
ZeroCounter
2025-05-07 14:06
原来博主是可爱的二次元女孩子(→游船上那张全景
广树管理员
2025-05-06 14:31
@ZeroCounter:这样啊,逐渐听不懂现在的网络热梗了😅
ZeroCounter
2025-05-06 13:41
@广树:一个梗啦,表示很无语( 因为国内的阅读理解题经常写表达了作者的思乡之情(
广树管理员
2025-05-06 11:13
@ModerRAS:云台拍摄全景需要固定不动,时间也长,有一定场景限制。
攻略中
星空列车与白的旅行
暂无评分
Steam星空列车与白的旅行
2025年2月22日 22时 ~ 攻略中
已累计游玩2个月15天
乘坐的列车,划破夜空,飞驰在星空之下,令人心旷神怡——这可真是场超值之旅。舒爽夜风吹拂下的随心独旅中,我邂逅了随性的乘客,可人怜爱的乘务员。以及……猫耳少女?这场旅行,究竟会在她身上,留下了些什么呢?
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

相似内容:
推文
支持深色模式的0.26.0版本的维基萌博客系统发布啦! 除深色模式,还新增了电影记录功能和评论排序功能,是一个新功能增加比较多的版本。 详见:https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.26.0 追记:发布后发现还有挺多遗漏的地方,请更新0.26.1版本。 https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.26.1
发表于:2025-03-08 19:18
推文
维基萌博客系统发布了0.24.3版本啦! 这是一个还技术债的版本,在增加小功能的基础上修复并优化了多项之前版本的遗留问题。 具体更新内容详见:https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.24.3
发表于:2025-02-22 10:56
推文
重构了博客的谷歌广告模块,现在可以看到更多广告了😇。 追记:两侧广告会档通知,还是不要了。
发表于:2025-01-11 18:09
推文
维基萌博客系统发布了0.19.3版本啦! 此次更新主要是一些小优化,具体更新内容可以在github上查看: https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.19.3
发表于:2024-08-04 10:16
推文
差点忘记了维基萌是一个分享代码的网站,于是给代码区补上了显示代码类型和复制的按钮。
发表于:2024-06-05 22:41
推文
猛然发现部分设备或者浏览器会把数字解析成emoji,原因是我把emoji的字体方太前面了,同时设定在前面的字体设备或者浏览器没有,所以只要修改字体顺序和补充字体即可。 不过话说回来,emoji字体为什么还会包含数字呀?
发表于:2024-05-30 08:58
推文
博客对最新评论展示做了一个字符裁切,没想到如果正好遇到裁切点是emoji的时候会报错。问题是由于 JavaScript 中的字符串是由 UTF-16 编码的字符组成的,而 emoji 通常由两个 UTF-16 字符组成。当尝试裁剪字符串时,如果裁剪位置恰好在一个 emoji 的中间,那么就会得到一个无效的字符,从而导致错误。
发表于:2024-03-11 21:18
博文
维基萌博客系统v0.2.2可以公开的开发日志
发表于:2024-01-13 20:02