跟着 课程 实现了一个个人网站,主要用来放个人博客。
课程本身的实现到这里结束。后续还会在完善一下作为自己真正的个人网站。
技术栈
前端semantic UI + thymeleaf
后端springboot + MySQL
功能介绍
首页
总体布局都是由导航栏+主体+底部构成。
主体部分分为两栏,左侧放了分类、标签、最新推荐概览,右侧是博客及其信息。
根据浏览器宽度会自适应,手机端也可以正常查看。
自适应:
博客详情页面
博客设定有首图、以及正文、分类、版权标注和评论区。
浏览markdown语法写成的博客正文,代码部分有标亮。
评论区有简易的回复功能,回复分为顶级和次级回复,按照时间顺序排列,博主回复有标注。
往下移动页面时会出现固定工具栏,有根据博客正文自动生成的目录。
博客正文:
目录:
分类和标签
按照分类以及标签查看相应的博客列表。按照数量从多到少排列。
分类:
标签:
归档
按照年份对博客内容进行归档查看。
后台管理
所有博客、分类、标签内容可以在后台管理员登录后进行增删改数据操作。
包括博客中间显示的组件(评论区、版权声明等)也可以在后台控制是否保留。
实现过程的笔记可以查看之后会上传的三篇笔记。