导航

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

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

作者:广树·时间:2023-12-31 13:45:34·分类:博客开发

自上次的公开记录又过了一个多月。2023年也迎来了最后一天,是时候来报告一下维基萌重构的进展了。


管理后台:

在经历了2个月左右的重构,在后台增加了许许多多的功能,等回过神来已经完成了如下的功能:

QQ截图20231231144017.png

之所以能在短时间内码出这么多功能还是要感谢Github的AI加持,个人感观有一大半的代码是由AI完成的(笑)。

另外托此次重构的福,这几个月是早上上班写代码,晚上下班继续写代码,周末也不放过,可以肉眼感觉到自己的头发在变少。

不过现在看起来,这些还是值得的,毕竟从中学习到了不少新知识。


wikimoeblog框架 (2) (1).png

在重构中途,我将流程做了调整。

原本是设想由nuxt3直接操作数据库的,但是后来感觉有些吃力不讨好,就改成了由Express来提供博客端的API,数据库操作依旧由Express完成。


博客端:

在管理后台告一段落后,开始重构博客端,中途引入了tailwindcss,发现搭配github的AI,只用描述结构就能自动生成HTML,简直无脑开发页面。

于是在AI的加持下,博客端的预览效果是这样的(感谢泽泽大佬生成图片):

QQ图片20231231143925.png

没错,此次博客用的主色调是猛男色!博客的分栏设计改成了3栏设计。

如果常逛某X网站的话,应该会发现布局非常的相似。没错,此次的新博客模板设计就是借鉴了某X网站和emlog版维基萌模板组合而成的。

在emlog版维基萌中,推文和博客部分被拆成了两个独立的页面,此次重构后就可以在一个页面以时间轴的形式看到所有内容。

推文的图片数量限制也由原先的1张,扩大到无限张。

其实原本设想如果推文的图片大于4张的情况下用小红书的显示模式,但是后来想一想,超过4张后反而会导致一屏的显示信息减少,就干脆改成了翻页式的图片组合显示了。


博客端特殊模板页面:

一些特殊的页面自然也不能少,继承维基萌目前所用到的特殊页面,重新开发了一版

QQ截图20231231144245.png

友链页面


QQ截图20231231144228.png

关于页面


程序员老黄历与抽签-维基萌演示.png

还有少不了的程序员老黄历&抽签的VUE版(笑)


QQ截图20231231144217.png

以及一直心心念的追番页面。

以前做过基于bangumi的追番页面,但是毕竟依托于第三方网站,且更新起来略有些麻烦,结果用着用着就又回归成更新《追番列表文章》去了。

所以想了想还是做一个不依赖第三方网站,方便易用简单的追番功能,就诞生了这个追番。


截止2023年的最后一天,在每天没日没夜的重构后,新版维基萌的初版基本已经完成了,接下来半个月会侧重功能上的debug,争取明年1月中下旬切换成新版吧!

争取这周末切换成新版吧!

当然还有一些emlog版有,但是紧急度不是很高的功能,比如表情功能。

这一块还没想好怎么弄,因为不影响使用就决定拖一拖。


如果想要抢先体验新版维基萌的话,目前也提供了演示站,有兴趣的小伙伴可以点击下面的链接查看:

《维基萌演示站》

如果发现无法访问的话,可能是我在更新,稍后刷新下试试即可。

当然,新版维基萌上线后这个演示站应该也会关闭。

如果想看源码的小伙伴可以去看Github上的源代码

那么2023年的重构报告就到这里,祝各位有一个快乐的新年,明年见!

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

圣兽之王.jpg

传颂之物

PSN奖杯卡

PSN奖杯卡

赞助商广告