这是一款基于Spring Boot框架开发的静态界面博客系统，为博主提供了一个简便、美观且功能强大的发布和管理个人文章的平台。
在本项目中，我们关注的是一个基于Spring Boot构建的博客系统的前端部分，主要涉及HTML和前端开发技术。Spring Boot是一个非常流行的Java框架，用于简化Web应用程序的开发过程，特别是对于微服务架构。在这个博客系统中，前端部分是用户与应用交互的界面，它负责展示信息并接收用户的输入。
让我们深入了解HTML（HyperText Markup Language），这是创建网页内容的基本语言。HTML由一系列的元素组成，这些元素通过标签来定义，如``, ``, ``, `
`等。在本项目中，`<title>`标签用于设置页面标题，而`<head>`包含了页面的元数据，如字符集设置。`<body>`则包含实际的网页内容，如文本、图像、链接等。HTML5引入了许多新特性，如离线存储、音频视频支持以及更强大的表单控件，这在现代网页开发中非常重要。
接下来，前端开发通常会结合CSS（Cascading Style Sheets）来控制页面的样式和布局。CSS允许开发者定义字体、颜色、间距、布局和响应式设计，确保网页在不同设备上都能良好显示。在博客系统中，CSS可能被用来设计文章列表的样式，设置标题、正文、评论区域的样式，以及按钮、链接和其他交互元素的视觉效果。
此外，为了实现动态交互和数据处理，前端可能还利用了JavaScript，这是一种客户端脚本语言。JavaScript可以用于验证用户输入、改变DOM（Document Object Model）结构、处理事件（如点击、滚动等）以及与服务器进行异步通信（AJAX）。在博客系统中，JavaScript可能用于实现文章的分页加载、评论的实时更新或者表单提交时的前端验证。
考虑到这是一个静态界面的项目，静态资源很可能被组织在static2目录下。在Spring Boot中，这个目录通常用于存放HTML、CSS、JavaScript文件以及图片、字体等其他静态资源。Spring Boot自动配置了一个静态资源处理器，使得这些文件可以直接通过HTTP请求访问，无需额外的后端逻辑。
在开发过程中，开发者可能会使用诸如Bootstrap这样的前端框架来加速开发，Bootstrap提供了一套响应式的CSS和JavaScript组件，如导航栏、网格系统、表单和模态框，可以帮助快速构建美观且适应各种屏幕尺寸的界面。此外，前端构建工具如Webpack或Gulp也可能被用来自动化编译、打包和优化前端资源，提高开发效率和网站性能。
这个博客系统前端部分的核心技术包括HTML、CSS和JavaScript，它们共同构建了用户所见的界面。Spring Boot的静态资源处理机制使得这些静态文件能够顺利服务于用户。通过熟练运用这些技术，开发者可以构建出功能完备、用户体验良好的博客系统。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="一套适合用于<span style=color: #f73131>个</span><span style=color: #f73131>人</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>的</span><span style=color: #f73131>静</span><span style=color: #f73131>态</span><span style=color: #f73131>页</span><span style=color: #f73131>面</span>"
href="https://d.itadn.com/i0_22476942426/B/416874" target="_blank">一套适合用于<span style=color: #f73131>个</span><span style=color: #f73131>人</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>的</span><span style=color: #f73131>静</span><span style=color: #f73131>态</span><span style=color: #f73131>页</span><span style=color: #f73131>面</span></a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
这是一套专为个人博客打造的精美静态页面模板，设计简洁大方，易于个性化定制，帮助博主轻松展示个人作品与思想。
解压后运行即可使用所有模块页面，可以直接套用开发个人博客页或作为前端新手的练习项目，适用性较强。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>个</span><span style=color: #f73131>人</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>的</span>HTML<span style=color: #f73131>静</span><span style=color: #f73131>态</span>网<span style=color: #f73131>页</span>制作"
href="https://d.itadn.com/i0_20812796148/B/180966" target="_blank"><span style=color: #f73131>个</span><span style=color: #f73131>人</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>的</span>HTML<span style=color: #f73131>静</span><span style=color: #f73131>态</span>网<span style=color: #f73131>页</span>制作</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
本个人博客采用HTML静态网页技术构建，旨在分享我的学习心得、生活感悟和技术文章，致力于为访客提供简洁高效的阅读体验。
这是一篇静态的博客文章，内容丰富且有价值，非常适合大家分享。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>SpringBoot</span><span style=color: #f73131>个</span><span style=color: #f73131>人</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span><span style=color: #f73131>的</span>毕业设计<span style=color: #f73131>项</span><span style=color: #f73131>目</span>"
href="https://d.itadn.com/i0_34142202998/B/75896" target="_blank"><span style=color: #f73131>SpringBoot</span><span style=color: #f73131>个</span><span style=color: #f73131>人</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span><span style=color: #f73131>的</span>毕业设计<span style=color: #f73131>项</span><span style=color: #f73131>目</span></a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
本项目为基于Spring Boot框架开发的个人博客系统，旨在实现用户管理、文章发布与评论等功能，适用于个人技术分享和学习交流。
采用Java技术构建的一个管理系统，在开发过程中首先进行需求分析以确定系统的主要功能。随后进行总体设计与详细设计。总体设计涵盖了系统功能、结构、数据以及安全的设计；而详细设计则包括数据库访问的实现，主要模块的具体实施和关键代码等细节内容。最后对整个系统进行全面的功能测试，并根据测试结果做出总结和改进，确保系统的稳定性和可靠性。该管理系统还包括完整的程序源代码及配套数据库文件，能够完美运行，在配置环境中提供了详细的说明文档以帮助用户顺利安装与使用。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>个</span><span style=color: #f73131>人</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>的</span><span style=color: #f73131>SpringBoot</span>完整<span style=color: #f73131>项</span><span style=color: #f73131>目</span>"
href="https://d.itadn.com/i0_94600318611/B/238053" target="_blank"><span style=color: #f73131>个</span><span style=color: #f73131>人</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>的</span><span style=color: #f73131>SpringBoot</span>完整<span style=color: #f73131>项</span><span style=color: #f73131>目</span></a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
本个人博客采用Spring Boot框架开发，包含用户管理、文章发布与评论等功能模块，旨在展示Spring Boot在Web应用中的高效运用。
演示地址为一个利用Springboot开发的完整个人博客项目，使用MySQL数据库和Semantic UI前端框架。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="SSM<span style=color: #f73131>个</span><span style=color: #f73131>人</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span><span style=color: #f73131>项</span><span style=color: #f73131>目</span>"
href="https://d.itadn.com/i0_21394589767/B/17264" target="_blank">SSM<span style=color: #f73131>个</span><span style=color: #f73131>人</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span><span style=color: #f73131>项</span><span style=color: #f73131>目</span></a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
SSM个人博客系统项目是一款基于Spring、Spring MVC和MyBatis框架开发的轻量级博客平台。用户可以轻松创建、编辑与分享个人文章，并实现个性化设置。
SSM框架的小项目非常适合新手训练，比如个人博客的开发。尽管规模不大，但功能齐全，能够帮助初学者全面了解项目的结构与实现方式。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>SpringBoot</span>新手综合<span style=color: #f73131>项</span><span style=color: #f73131>目</span>实践——<span style=color: #f73131>个</span><span style=color: #f73131>人</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span>"
href="https://d.itadn.com/i0_17969421672/B/1035596" target="_blank"><span style=color: #f73131>SpringBoot</span>新手综合<span style=color: #f73131>项</span><span style=color: #f73131>目</span>实践——<span style=color: #f73131>个</span><span style=color: #f73131>人</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span></a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
本项目为Spring Boot新手设计，通过构建个人博客系统，涵盖用户管理、文章发布与评论互动等功能模块，旨在帮助开发者掌握Spring Boot框架的实际应用。
对于Spring Boot初学者来说，入门阶段可能会遇到一些挑战。建议从官方文档开始学习，并参考相关的教程和示例项目来加深理解。实践是掌握技术的关键，因此动手创建几个小项目可以帮助巩固所学知识。同时，加入开发者社区或论坛可以获取更多帮助和支持，在与他人的交流中不断进步和完善自己的技能。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>SpringBoot</span>-Blog<span style=color: #f73131>个</span><span style=color: #f73131>人</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span>"
href="https://d.itadn.com/i0_89894716338/B/567794" target="_blank"><span style=color: #f73131>SpringBoot</span>-Blog<span style=color: #f73131>个</span><span style=color: #f73131>人</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span></a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
SpringBoot-Blog是一款基于Spring Boot框架开发的个人博客系统，旨在为用户提供高效、便捷和个性化的博客搭建解决方案。
使用Spring Boot 和 MyBatis 重构项目以加深对框架的理解。原本使用的轻量级 MVC 框架是 Blade。模板引擎改为 Thymeleaf，并实现 Docker 服务部署 MySQL、Tomcat、Redis 和 MongoDB，同时管理 Nginx 反向代理。
切换数据源为 Druid，在正式上线后使用其 SQL 统计功能对项目进行优化。可能会删除安装步骤，因为自己使用时不需要这个操作。页面布局将做相应修改，并新增文章描述字段，删除可订阅等字段。评论功能也会被调整，移除用户对评论的回复功能。
在 Docker Compose 上线后整合 ELK 并添加搜索引擎支持。最后会编写部署过程文档以记录整个开发和部署流程。
</div><!---->
</div>
</li>
</body>
</html>
5星
