Leafage 网站的前生今世

Leafage 网站的前生今世

Leafage 是【叶子】的意思,取名Leafage意为像一片叶子一样经历春、夏、秋、冬,完成一个循环,学习的过程亦能如此,了解、深入、实践、落地。

2018年,有了一个想法,做一个自己的博客网站,来记录学习、生活中的点点滴滴。因为自己喜欢玩摄影,但是很多摄影网站和技术博客都是单独维护的,所以Leafage就诞生了。

刚开始的时候网站不叫Leafage,而是叫Abeille,最初取名abeille是觉得我们再这个世界上就像一只蜜蜂🐝一样,无足轻重。后来觉得这个不合适,而且没有找到一个满意的Logo,于是最近更换了名字,也找了一个Logo。

Leafage是一个完全开源的系统,使用的是 nuxtjs 和 tailwindcss,在刚开始的时候,用的是vuejs 和 当时比较流行的一些 UI组件库(iview、ant design vue、element ui),但是这些组件都写死了样式,很难做到想要的效果,而且最大的问题是这几个组件库都不支持响应式,需要手写,然而,我不太会写样式,所以就找到了另外一个组件库,vuetify,一个metrial ui 风格的组件库,而且是默认就支持响应式,用 vuetify 开发完成之后用了一段时间,发现网站很难被搜索到,所以开始了解到了 seo ,再然后就知道了 nuxtjs 。

在2020年的时候就开始了网站改造,说是改造,其实是重构了,因为后端服务也几乎重构了,之前版本使用 webmvc 和 mysql + mongodb (后来去掉mongodb),现在使用的是 webflux,然后用了 mongodb,就全当练习了,所以这次改造费时比较长,一直到最近才完成基本的页面开发和后端服务接口的开发工作。

现在这个样式是从一个模板网站花钱买的,有一段时间学了几天ui设计,但是无法做到好看的设计,而且很难实现,于是开始网罗各种模板,花钱买了几个,最后选择现在这个模板,但是模板使用的是 jquery 和 bootstrap 开发的,所有,就照着模板一点点来写,在下班时间进行开发的,前后大概有两个多月的时间完成的基本的页面开发,然后后端服务接口花了很久的时间,主要时间是在spring security 的 csrf 防护和 webflux 的嵌套操作实现上,虽然过程很艰苦,但是解决那些遇到的问题也能收获很多,这些过程中的点点滴滴,各种问题以及解决方法,后续会慢慢的写下来。

源码:

github 地址:https://github.com/little3201/leafage-ms
gitee 地址:https://gitee.com/little3201/leafage-ms