# Blog

**Repository Path**: veo6/Blog

## Basic Information

- **Project Name**: Blog
- **Description**: 个人博客
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-04
- **Last Updated**: 2021-09-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Blog

#### 介绍
简单的个人博客

#### 软件架构
- 后端：Spring Boot2.5.3 + JPA + thymeleaf模板
- 数据库：MySQL8.0
- 前端：Semantic UI框架
- IDEA、Maven3、JDK8

#### 插件集成

- Markdown编辑器： [Editor.md - 开源在线 Markdown 编辑器 (pandao.github.io)](https://pandao.github.io/editor.md/)
- 博客内容排版：[GitHub - sofish/typo.css: 中文网页重设与排版：一致化浏览器排版效果，构建最适合中文阅读的网页排版](https://github.com/sofish/typo.css)
- 页面动画：[Animate.css | A cross-browser library of CSS animations.](https://animate.style/)
- 代码高亮：[GitHub - PrismJS/prism: Lightweight, robust, elegant syntax highlighting.](https://github.com/PrismJS/prism)
- 博客目录生成：[Tocbot (tscanlin.github.io)](https://tscanlin.github.io/tocbot/)
- 页面滚动监听：[Waypoints (imakewebthings.com)](http://imakewebthings.com/waypoints/)
- 页面平滑滚动：[GitHub - flesler/jquery.scrollTo: Lightweight, cross-browser and highly customizable animated scrolling with jQuery](https://github.com/flesler/jquery.scrollTo)
- 二维码生成：[GitHub - flesler/jquery.scrollTo: Lightweight, cross-browser and highly customizable animated scrolling with jQuery](https://github.com/flesler/jquery.scrollTo)

#### 基本功能

![image-20210904204513914](images/image-20210904204513914.png)


#### 安装教程

1.  下载或克隆该项目
2.  在数据库中新建blog数据，数据表有JPA自动生成，在t_user表中添加一条管理员的用户名和MD5加密的密码用于后台登录使用，也可以导入测试的sql文件，用户名为：admin，密码为：admin。
3.  使用IDEA打开该项目运行

#### 主要界面截图

1. 主界面

   ![image-20210904205535700](images/image-20210904205535700.png)

2. 分类页面

   ![image-20210904205556661](images/image-20210904205556661.png)

3. 标签页

   ![image-20210904205624067](images/image-20210904205624067.png)

4. 归档页

   ![image-20210904205643400](images/image-20210904205643400.png)

5. 关于我

   ![image-20210904205701192](images/image-20210904205701192.png)

6. 博客详情页

   ![image-20210904210002435](images/image-20210904210002435.png)

7. 博客评论

   ![image-20210904210139003](images/image-20210904210139003.png)

8. 后台登录页面

   ![image-20210904205718852](images/image-20210904205718852.png)

9. 后台首页

   ![image-20210904205738761](images/image-20210904205738761.png)

10. 博客管理页面

    ![image-20210904205750097](images/image-20210904205750097.png)

11. 分类管理页面

    ![image-20210904205804044](images/image-20210904205804044.png)

12. 标签管理页面

    ![image-20210904205816466](images/image-20210904205816466.png)

13. 博客新增页面

    ![image-20210904205847937](images/image-20210904205847937.png)

14. 博客修改页面

    ![image-20210904205910824](images/image-20210904205910824.png)