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