【重磅推出】Brutalist 野兽派风格 5 色炫酷风格博客,首创基于 Java 实现的自助博客建站系统

    跟立春博客系统一样,这同样是一款基于 Thymeleaf 及 Bootstrap 开发的 Java 系统配套前端博客模板,可以与后端SpringBoot源码搭配共建博客,当前模板包含立春博客系统所有特性及功能,这里不再赘述,只着重介绍该模板的改版及升级内容。如果你只需要这款模板,不需要完整的建站功能,可以进入「基于 Bootstrap5x 实现的含 4 种风格的新闻博客响应式网站模板」这款原生模板下载中心进行下载。

一、外观升级

    这是一款全新的模板,5+种混合色彩布局风格洋溢着时尚的青春气息,基于最新最先进的Bootstrap v5.3.3框架构建,在响应式的布局下,针对移动设备以及平板设备进行了定制化的设计,比如移动端的侧边栏导航(如图1)、功能菜单因地制宜放置(如图2与图3),更全面的适配性,使操作体验更加丝滑流畅,此外还包含个性化全局悬浮搜索框非常实用且美观的效果,暗色模式与亮色模式切换功能可有效减缓眼疲劳,满足不同用户在不同场景下的需求,提升用户体验。

image.png

移动端侧边栏导航栏(图1)

image.png

移动端功能菜单(图2)

image.png

PC桌面端功能菜单(图3)

二、功能升级

    除了包含立春博客所有功能外,增加了滚动信息栏目位于网站的顶部,热门推荐栏目位于网站中部区域,特别推荐栏目位于热门推荐栏目的下部区域,这些新增栏目增加了文章的曝光度,不仅丰富了网站的内容,对SEO优化也有一定的促进作用,能够让用户更快的锁定感兴趣的内容,还增加了社交联系方式二维码展示功能,详细设置方法如下

  • 滚动信息栏目

    • 这里的文章取自文章模块的 BreakingNew 栏目,在发布文章时选中文章模块的 BreakingNew 选项,对应的文章便会出现在网站顶部的滚动栏目中


      image.png

  • 热门推荐栏目

    • 这个栏目的文章无需用户单独设置,系统会自动根据文章的浏览量、点赞量以及评论量综合计算热度然后根据最近 30 天以及所有时间两个维度展示文章

  • 特别推荐栏目

    • 这里放置的是文章类型排序前三分别对应的 3 篇文章,如果文章类型设置数少于 3 个,则特别推荐栏目将不会显示任何内容

  • 社交媒体信息

    • 网站管理-站点设置表单的底部,可以上传微信及其他社交媒体二维码信息,这部分社交媒体信息会显示在网页的底部页脚处,注意:这部分内容可以留空不设置


    • image.png

三、全部功能及实现细节

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秒后直接退出预加载动画模式

  • 文字太长导致换行问题

模板目录结构如下: