今天博客2.0版本终于上线了,从去年开始开发,因为有段时间工作比较忙,一直耽搁着,结果到现在还是个半成品。
在接下来的半年里我会持续完善,优化性能,修改bug。现在上线的功能有博客和工具。
这次更新了很多内容,算是从头到尾大修改了一遍:
- 前端去掉了ng-zorro框架,这个框架太重了,打包之后体积很大,没用到的css和js都打包进去了,性能评分比较低。去掉之后打包体积从9M降到了4M。
- 页面采用了新的设计,把每各模块的内容分隔开,博客、导航、工具看上去是独立的部分,而不是看让去揉杂在一起,这样看上去非常简洁。
- 采用了insUI,是我根据开源的ui框架自己写的ui框架,主打的就是一个简洁没有历史包袱。
- 项目环境升级了。angular19(后续会持续升级),服务器由CentOS8切换到了ubuntu24、java21、mysql8.0、springboot 3.3。
- 前端采用了angular ssr,nodejs使用webpack打包,两者完美融合。
- 服务端使用了spring boot + security + jwt,解决用户登录之后,无感刷新认证的问题。
- 各个模块都进行了优化,提升了用户体验。
性能提升
使用浏览器的lighthouse对首页和blog页面进行测评:
performance性能评分很高。网站很小暂不打算使用https协议。
做一个简单实用的小站
做一个简单实用的精品小站,继续细化功能,在细分领域找到自己的一席之地。
博客1.0
博客1.0页修改了很多遍,看上去是不是也还不错。
列表页
列表页面
卡片风格的列表页
导航页
书签页面,支持导入浏览器的书签
导航页面