导航

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

侧边栏
热门文章
1页面
程序员老黄历&求签
热度
351
2博文
3DS模拟器简体中文字库 | Citra3ds字库 | 符文工房4乱码解决字库 | shared_font.bin
热度
169
3推文
添加了上周看剧场版《名侦探柯南 独眼的残像》的观后感。
热度
143
4推文
最新一集的《mono女孩》里的《摇曳露营△》彩蛋真的太多啦!
热度
142
5博文
面码找到你了!探寻超平和Busters的秘密基地——《我们仍未知道那天所看见的花的名字》秩父圣地巡礼
热度
129
6博文
探访《蜡笔小新》老家——春日部游记
热度
117
7推文
今天去看了首部初音未来的电影《剧场版 世界计划 破碎的世界与无法歌唱的未来》。 说是初音未来的电影,但其实是手游《世界计划》的剧场版。好像有挺多人看到是初音未来的电影就去看了,结果发现并不全是😅。其实在宣传海报中,初音未来后面的那些人才是主角。 不过,我也是那些没玩过手游的观众之一。其实整场看下来问题也不是很大,就是对于人物关系和世界观的设定可能会有些问题。电影其实也很贴心地在剧情开头,大致以剧情的形式展示了手游中的五个团体的人物及其性格,但感觉还是有些杯水车薪,约等于看个眼熟。 此次的电影是第一次购买应援场。所谓的应援场,就是能在电影院里像是听演唱会一样挥舞荧光棒和尽情呐喊。看着前排那些粉丝看到自己喜欢角色时的呐喊,以及演唱会环节的打CALL,应援场确实是很有意思的一种电影观看方式呢! 剧情方面,属于看了开头大概能猜到整部动画的剧情走向。不过,通过演唱会的气氛渲染,甚至还感受到了一丝丝的感动。 总体来说,对于手游的粉丝来说可能是嘉年华般的狂喜,对于没接触过手游的路人来说也能一定程度融入其中,属于一部不错的粉丝向电影(不管是手游粉丝还是初音未来粉丝)。 首周电影特典是CD和游戏内的兑换码。送CD这种形式还第一次遇到,官方大气!
热度
104
8博文
记录第一次在日本进行携号转网(MNP)
热度
104
9推文
玩了7个月,终于是从《界之轨迹》的"有期徒刑"中解放出来了。
热度
91
10博文
动画刚开播就要消失的圣地:《时光流逝,饭菜依旧美味》圣地巡礼之高尾与西八王子
热度
78
最新评论
广树管理员
2025-04-27 19:44
@石樱灯笼:怎么说呢,这部轨迹的结局还是有一定价值的
石樱灯笼
2025-04-26 21:32
轨迹系列蛋扯得太大太长了,扯裂。云通关碧轨之后,后面云都不想云了。
广树管理员
2025-04-25 20:52
@石樱灯笼:🥲
石樱灯笼
2025-04-25 19:37
@广树:我都是看盗版的……🤣
广树管理员
2025-04-25 18:56
@石樱灯笼:那大佬要试试这次注重剧情的柯南吗
攻略中
星空列车与白的旅行
暂无评分
Steam星空列车与白的旅行
2025年2月22日 22时 ~ 攻略中
已累计游玩2个月4天
乘坐的列车,划破夜空,飞驰在星空之下,令人心旷神怡——这可真是场超值之旅。舒爽夜风吹拂下的随心独旅中,我邂逅了随性的乘客,可人怜爱的乘务员。以及……猫耳少女?这场旅行,究竟会在她身上,留下了些什么呢?
PSN奖杯卡

PSN奖杯卡

归档
赞助商广告

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

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

就如上个月发布的谈谈维基萌最近遇到的破事和将来的打算中提到的一样,维基萌博客的重构正在进行。

从发布到现在也经历了一个多月,多少有些东西可以拿出来分享一下了。


新博客的LOGO

依托于AI技术的成熟,现如今设计这档事也可以交给AI完成了。

于是这次的LOGO就交给了AI,以下是AI生成的LOGO中感觉比较中意的一个。

没记错的话,当时用的关键词是wikimoe logo kawaii。

嗯,很可爱就用这个了!


新博客的架构

wikimoeblog框架 .png

新的系统完全抛弃了旧时代PHP+MySQL的架构。

数据库沿用维基萌抽卡的mongodb。

后台管理的API用了express框架进行了快速搭建,后台管理的前端页面则有vue3来完成。

博客页面考虑seo,准备用同为vue生态的nuxt3。

其实一开始有想过后台管理和博客全部都整合到nuxt3,但是研究了半天对于资源文件的动态调用这一块一直没有好的解决办法,思索了很久还是决定用使用起来更加灵活的express作为管理后台的框架,博客端则使用nuxt3,这样的方案一定程度上是对SPA和SSR的一种平衡吧。

缺点嘛,也很明显,要启动两个nodejs服务。

博客端需要用反向代理去调用管理后台上传的照片等文件


新的媒体管理系统

在新的媒体管理中,新增了相册管理对照片进行分类。

还对照片类的文件增加了图片处理模块。

QQ截图20231118133546 .png

因为并没有购买类似对象储存类的服务,图片的储存空间可以说非常宝贵。

所以在每次博客编写之前,都会针对博客所用到的图片进行大小的缩放和质量的压缩。

这在以前分享图片较少的文章时还没什么感觉,但是随着最近照片类的文章增多明显感受到了有些繁琐,于是就针对这个需求增加了自动化的图片压缩功能。


新的图片压缩格式

在新的维基萌博客中,会让webp作为图片的主要压缩格式。

因为一番比较之下,webp作为现代的压缩格式确实有着出色的性能。

比如同一张照片压缩至统一的最长边1920px,图片质量为60后:

jpg格式的大小为262KB

webp格式的大小为194KB

压缩比还是非常可观的,同时图片质量上也有压倒性的优势,如下图:

点击查看原图

同样的60质量下,jpg在一些边缘处出现了大量噪点,而webp依然能保持非常良好的画质。

现代浏览器中也几乎都支持webp格式了,所以现在尝试大面积使用webp的图片或许是一个很好的选择。


目前的完成进度

对于管理后台的进度目前如下:

□首页面板

□管理员/站长管理

■博客分类管理

■博客标签管理

媒体库管理

□文章管理

□评论管理

□友链管理

□网站设置


光是管理后台的完成度都还是相当低的一个情况,可以说路还很长。


donate.png

1210 x 50(蓝底).png

cloudcone

相似内容:
推文
给360°全景模式增加了鱼眼模式和截图功能,在鱼眼模式下可以做到和insta360同款的地包天和小行星视角,并且通过截图功能直接保存当前视角的截图。
发表于:2025-04-10 19:42
推文
给推文增加了内容的强关联,这样以后可以用推文来捞旧博文啦🤭。 另外给《关于》页增加了投票,欢迎投票。 关于页地址:https://www.wikimoe.com/page/about
发表于:2025-03-17 19:53
推文
维基萌博客系统发布了0.21.0版本啦! 这次更新主要增加了文章的批量处理以及大量细致化的设置。 具体更新内容请见:https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.21.0
发表于:2024-11-28 18:12
推文
维基萌博客系统发布了0.19.4版本啦!这次依旧是一些优化和BUG修复,详情见:https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.19.4
发表于:2024-08-14 20:24
推文
博客系统积攒了一波更新,推了一个新版本,具体更新内容可以在github上查看:https://github.com/eeg1412/wikimoeNodeJSBlog/releases/tag/v0.18.1 话说我最近才知道原来loli.net这个用来镜像的域名已经不大好使了,反而谷歌的fonts.googleapis.com域名好使了?
发表于:2024-06-30 11:27
推文
博客增加了可以在后台自定义添加CSS样式的功能,这样一些小的自定义样式就可以不用编译实现,增加了拓展性。 于是就小改了博客样式,PC版左下角加了会动的砂糖❤,有谜之立体感🕶️。 动图是由AI生成的,感觉挺有意思的,也一起分享了吧。 https://www.leiapix.com/
发表于:2024-04-09 18:19
推文
博客新功能,游戏记录页面公开! https://www.wikimoe.com/page/games
发表于:2024-03-14 18:11
博文
现在可以公开的维基萌博客重构记录其②
发表于:2023-11-26 10:21