实训学习 Day01 |Spring Boot实训-开发小而美的个人博客（页面开发）

写在前面的话

1、参考自：https://www.bilibili.com/video/BV1tJ411t7A8
2、内容如果有不对的，希望可以指出或补充。
3、spring boot实训任务。
4、主要是页面效果的展示。

custom.css（所有页面都有引用到的css文件，部分代码展示）

一、前端展示

（一）首页

1、index.html（部分代码展示）

移动端的适配、菜单选项显示/隐藏问题

2、blog.html（部分代码展示，博客详情页）

（二）分类详情页

1、types.html（部分代码展示）

（三）标签详情页

1、tags.html（部分代码展示，同分类详情页类似）

（四）归档

1、archives.html（部分代码展示）

（五）关于我

1、about.html（部分代码展示）

二、管理后台

（一）博客管理

1、blogs.html（部分代码展示）

2、blogs-input.html（部分代码展示）

三、效果展示

（一）前端

1、首页

电脑端

博客详情页

移动端

• 显示/隐藏 菜单选项
  
• 博客内容显示
  
• 底部区域
  
• 博客详情页
  

2、分类详情页

3、标签详情页

4、归档

5、关于我

电脑端

手机端

（二）管理后台

1、博客管理-列表

2、博客管理-发布

四、补充

1、Semantic Ui

2、在线图片库使用方式如：https://picsum.photos/id/图片编号数字/1000/600

3、图标