导航

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

侧边栏
热门文章
1推文
给自己看过的2025年的1月新番加了评分和评价。
热度
806
2页面
程序员老黄历&求签
热度
507
3博文
《孤独摇滚》圣地巡礼——下北泽&下北泽咖喱节2023
热度
260
4博文
真相永远只有一个!《名侦探柯南》特别音乐会2025
热度
169
5博文
面码找到你了!探寻超平和Busters的秘密基地——《我们仍未知道那天所看见的花的名字》秩父圣地巡礼
热度
143
6推文
看完《孤独摇滚》的总集篇剧场版后篇了。 虽然删减在所难免,但是个人觉得制作组还是在尽量在保留精华。 ED歌曲《Re:Re:》把我惊艳到了,非常熟悉的旋律当时硬是想不起来,回到家查了一下原来第一次听到是在《只有我不在的街道》。 https://www.bilibili.com/video/BV1M5ejeMErR
热度
104
7博文
探访日本的废校:《悠哉日常大王/悠悠哉哉少女日和》圣地巡礼之旧小川小学校下里分校
热度
91
8推文
今天去看了首部初音未来的电影《剧场版 世界计划 破碎的世界与无法歌唱的未来》。 说是初音未来的电影,但其实是手游《世界计划》的剧场版。好像有挺多人看到是初音未来的电影就去看了,结果发现并不全是😅。其实在宣传海报中,初音未来后面的那些人才是主角。 不过,我也是那些没玩过手游的观众之一。其实整场看下来问题也不是很大,就是对于人物关系和世界观的设定可能会有些问题。电影其实也很贴心地在剧情开头,大致以剧情的形式展示了手游中的五个团体的人物及其性格,但感觉还是有些杯水车薪,约等于看个眼熟。 此次的电影是第一次购买应援场。所谓的应援场,就是能在电影院里像是听演唱会一样挥舞荧光棒和尽情呐喊。看着前排那些粉丝看到自己喜欢角色时的呐喊,以及演唱会环节的打CALL,应援场确实是很有意思的一种电影观看方式呢! 剧情方面,属于看了开头大概能猜到整部动画的剧情走向。不过,通过演唱会的气氛渲染,甚至还感受到了一丝丝的感动。 总体来说,对于手游的粉丝来说可能是嘉年华般的狂喜,对于没接触过手游的路人来说也能一定程度融入其中,属于一部不错的粉丝向电影(不管是手游粉丝还是初音未来粉丝)。 首周电影特典是CD和游戏内的兑换码。送CD这种形式还第一次遇到,官方大气!
热度
91
9博文
3DS模拟器简体中文字库 | Citra3ds字库 | 符文工房4乱码解决字库 | shared_font.bin
热度
78
10页面
友链
热度
78
最新评论
广树管理员
2025-04-15 22:53
@小彦:所以文本转成json啊,然后递归渲染,数据都在json里了还不好办
小彦
2025-04-15 22:49
@广树:数据取出不是难点,难的是你的卡片组件,是vue组件来的(例如),但是日志内容是全文字数据,怎么让一个日志内容里还能渲染卡片组件呢?因为vue的组件必须是写在 template里的,不能说日志里有vue的代码他就能渲染出来
广树管理员
2025-04-15 22:44
@小彦:真要硬做也不是不可以,服务器先对文本做预处理比如md转json或者html转json或者干脆数据库就存json,然后从json拿到所有涉及到的番剧id再从数据库里拿到id填充回json里。接下来前端只用针对这个json做递归渲染就行了。
小彦
2025-04-15 22:40
@广树:果然是这样,一般的思路也是这样。有个难题是,如果要求卡片和日志的文字混排呢?例如用自定义 markdown 语法,如 #card# 之类的和文字混排,能做到么
广树管理员
2025-04-15 22:14
@小彦:这个啊,首先数据库里要有个番剧表,然后把番剧和文章做关联就有了数据。前端的话做一个通用组件复用渲染就行了。
攻略中
星空列车与白的旅行
暂无评分
Steam星空列车与白的旅行
2025年2月22日 22时 ~ 攻略中
已累计游玩1个月22天
乘坐的列车,划破夜空,飞驰在星空之下,令人心旷神怡——这可真是场超值之旅。舒爽夜风吹拂下的随心独旅中,我邂逅了随性的乘客,可人怜爱的乘务员。以及……猫耳少女?这场旅行,究竟会在她身上,留下了些什么呢?
界之轨迹
暂无评分
PS5界之轨迹
2024年9月28日 14时 ~ 攻略中
已累计游玩6个月20天
导力之父爱普斯泰因预言的世界末日即将到来,此时东大陆共和国所研发的导力火箭划破天空,即将探访这个世界的边界。 与此同时万事屋的青年们,正聚集在奥雷德自治州,与集结而来的各方势力,一同看望着这科技奇点。 人们这次是否能认识到世界的真实呢?
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.29.0版本的维基萌博客系统发布啦! 这个版本最大的亮点就是可以在管理后台标记照片为全景照片,并在博客端以全景模式查看照片。 详见:https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.29.0
发表于:2025-04-12 11:05
推文
支持深色模式的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
博文
解决并记录因为加载顺序导致flex布局出现画面抖动的笔记
发表于:2024-07-15 14:35
推文
综合大佬报告的一些问题,得出了苹果safari默认的视频进度条UI的一些特性(BUG?)。 1.在拖动进度条时,会受到各类Move事件影响,也就是说把视频放在幻灯片或者灯箱中后在safari上是很难操作进度条的。Chrome、Edge、Firefox都没有这个情况。 2.拖动进度条会触发onpause事件,这个在Firefox也有一样的情况,只不过可以通过video.seeking来判断这个暂停事件是由于拖动进度条导致的还是按了暂停按钮,但是safari这招并不行。 有点难搞,真要为了safari开发一套视频UI吗?😅
发表于:2024-06-30 22:06
推文
捣鼓了一圈视频播放器,试了video.js和DPlayer,感觉都不大适合,还是浏览器默认的最适合😂。
发表于:2024-06-21 21:09
推文
博客新增【活动】页面,可以通过这个页面查看我比较在意的活动信息时间线,方便安排出行游玩计划👏。 https://www.wikimoe.com/page/event
发表于:2024-03-26 18:19
博文
现在可以公开的维基萌博客重构记录其①
发表于:2023-11-18 12:18