跟立春博客系统一样,这同样是一款基于 Thymeleaf 及 Bootstrap 开发的 Java 系统配套前端博客模板,可以与后端SpringBoot源码搭配共建博客,当前模板包含立春博客系统所有特性及功能,这里不再赘述,只着重介绍该模板的改版及升级内容。如果你只需要这款模板,不需要完整的建站功能,可以进入「基于 Bootstrap5x 实现的含 4 种风格的新闻博客响应式网站模板」这款原生模板下载中心进行下载。
一、外观升级
这是一款全新的模板,5+种混合色彩布局风格洋溢着时尚的青春气息,基于最新最先进的Bootstrap v5.3.3框架构建,在响应式的布局下,针对移动设备以及平板设备进行了定制化的设计,比如移动端的侧边栏导航(如图1)、功能菜单因地制宜放置(如图2与图3),更全面的适配性,使操作体验更加丝滑流畅,此外还包含个性化全局悬浮搜索框非常实用且美观的效果,暗色模式与亮色模式切换功能可有效减缓眼疲劳,满足不同用户在不同场景下的需求,提升用户体验。
移动端侧边栏导航栏(图1)
移动端功能菜单(图2)
PC桌面端功能菜单(图3)
二、功能升级
除了包含立春博客所有功能外,增加了滚动信息栏目位于网站的顶部,热门推荐栏目位于网站中部区域,特别推荐栏目位于热门推荐栏目的下部区域,这些新增栏目增加了文章的曝光度,不仅丰富了网站的内容,对SEO优化也有一定的促进作用,能够让用户更快的锁定感兴趣的内容,还增加了社交联系方式二维码展示功能,详细设置方法如下
滚动信息栏目
这里的文章取自文章模块的 BreakingNew 栏目,在发布文章时选中文章模块的 BreakingNew 选项,对应的文章便会出现在网站顶部的滚动栏目中
热门推荐栏目
这个栏目的文章无需用户单独设置,系统会自动根据文章的浏览量、点赞量以及评论量综合计算热度然后根据最近 30 天以及所有时间两个维度展示文章
特别推荐栏目
这里放置的是文章类型排序前三分别对应的 3 篇文章,如果文章类型设置数少于 3 个,则特别推荐栏目将不会显示任何内容
社交媒体信息
在网站管理-站点设置表单的底部,可以上传微信及其他社交媒体二维码信息,这部分社交媒体信息会显示在网页的底部页脚处,注意:这部分内容可以留空不设置。
三、全部功能及实现细节
1、技术细节
Bootstrap v5.3.3(截至目前最新版本)
Thymeleaf
JavaScript
jQuery
icomoon 图标
highlight(代码语言友好显示插件)
CSS3
2、功能
博客标签
博客分类
全局搜索
评论功能(带审核功能)
Cookie提示插件
协议管理(引入隐私协议、Cookie协议)
全局公告
用户管理(支持多用户、多部门、多角色设置)
菜单管理(支持菜单编辑与分配)
日志管理
3、特色
支持多语言
五彩青春主题
更多栏目呈现
自定义菜单
自定义友链
评论功能开关
支持自定义水印
支持引入三方脚本
图片无损压缩
SEO优化
完全响应式布局
统一页眉页脚
站点地图
终身免费升级
更新明细:
24-07-02:
优化文章详情中表格 table 外观,使其支持响应式布局
24-07-13:
分页优化,404、403、500页面布局优化
24-08-21:
修复「热门推荐」模块获取数据bug,文章页面添加og:image标签,对分享更友好!
24-10-29:
预加载效果添加最长时间限制,1.5秒后直接退出预加载动画模式
文字太长导致换行问题