Java自助博客建站系统 Bootstrap5.3.3 蓝色大字体风格前端模板

    这款命名为「惊蛰」的最新博客模板,外观配色采用了大气专业的蓝色主色调,使用了全新的「大图片大文字」布局风格。技术实现跟立夏博客系统一样,同样是基于 Thymeleaf 及 Bootstrap 开发的 Java 系统配套前端博客模板,可以与后端SpringBoot源码搭配共建博客,当前模板包含立夏博客系统所有特性及功能,这里不再赘述,只着重介绍该模板的改版及升级内容。如果你只需要这款模板,不需要完整的建站功能,可以进入「瑞尼丝 - 包含多种布局风格的博客与新闻响应式 Bootstrap 模板」这款原生模板下载中心进行下载。

一、外观与布局升级

    这是一款经过精心设计而成的大气时尚布局模板,经典的蓝色主色调特别适合垂直度较高的主题博客网站使用,基于最新最先进的Bootstrap v5.3.3框架构建,加入了鼠标圆形跟随效果以及图片悬浮轻微位移效果,全面增加了这款博客系统的交互性。并且首页布局模块划分清晰合理,从上而下依次为:菜单区、滚动资讯区(文章模块设置为BreakingNew)、特别推荐区(文章模块设置为TopArea)、趋势热文区(TrendingArea)、热门话题区(文章类别排序前5的分类文章,每个分类取最新的4篇文章)、最新文章区(最新的8篇文章)、随机推荐区(随机的5篇文章)以及页脚功能区。此外,为了优化博客的响应式能力,在Bootstrap框架的基础上又添加了单独的响应式CSS设置文件,对自适应的一些细节问题做了优化。让该款模板能够在手机、平板以及电脑中都能够完美展示。为了有小的缓解用户的眼疲劳,提高用户体验,该博客系统支持明暗模式的切换。

二、功能升级

    除了包含立夏博客所有功能外,该博客系统增加了FeaturedArea模块区域,如图1,这个模块的文章将分布于右侧弹出区域,如图2

image.png

文章模块划分(图1)

copy_副本1.webp

图2

  • 热门话题栏目

    • 这个栏目放置的文章是文章类型排序前5的分类文章,每个分类取最新的4篇文章

  • 编辑精选栏目

    • 新增的FeaturedArea文章模块对应的栏目,放置于右侧弹出信息区域

  • 社交媒体信息

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


      image.png

三、全部功能及实现细节

1、功能页面

  • 主页

  • 博客列表页(包含类型、标签筛选结果页以及全局搜索结果页)

  • 博客详情页

  • 标签&分类页

  • Cookies详情页

  • 隐私政策详情页

  • 403无权限页面

  • 404未找到页面

  • 500服务器异常页面

2、技术细节

  • Bootstrap v5.3.3(截至目前最新版本)

  • Thymeleaf

  • JavaScript

  • jQuery

  • icomoon 图标

  • highlight(代码语言友好显示插件)

  • CSS3

3、功能

  • 博客标签

  • 博客分类

  • 全局搜索

  • 评论功能(带审核功能)

  • Cookie提示插件

  • 协议管理(引入隐私协议、Cookie协议)

  • 全局公告

  • 用户管理(支持多用户、多部门、多角色设置)

  • 菜单管理(支持菜单编辑与分配)

  • 日志管理

4、特色

  • 支持多语言

  • 蓝色大字体大图片外观及布局

  • 更多栏目呈现

  • 自定义菜单

  • 自定义友链

  • 评论功能开关

  • 支持自定义水印

  • 支持引入三方脚本

  • 图片无损压缩

  • SEO优化

  • 完全响应式布局

  • 统一页眉页脚

  • 站点地图

  • 终身免费升级

  • 支持图片自动下载

  • 支持上传视频

    

模板目录结构如下: