# blog

**Repository Path**: postcs2/blog

## Basic Information

- **Project Name**: blog
- **Description**: 小而美的博客
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-04-07
- **Last Updated**: 2022-06-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
    <img src="https://unsplash.it/800/400?image=1005"><br>
    小而美的博客，一款由Java开发的博客程序<br>
    支持Markdown、支持代码高亮<br>
    响应式页面
</p>

## 开发环境
- JDK 17
- MySQL 8
- Maven 3.8
- IDEA 2022
- Git 2.37

## 运行步骤
1. 建立数据库
2. 修改代码中数据库信息
3. 运行项目
```
首次运行项目时将自动添加数据库信息，无需手动导入sql文件。
```
```
首次运行项目时将自动添加用户信息
账户：admin
密码：123456
```
```
前台：http://localhost:8080
后台：http://localhost:8080/admin
```

## 后端技术
| 名称              | 简介           |
|-----------------|--------------|
| Spring Boot     | 核心框架         |
| Spring Data JPA | 数据访问框架       |
| Thymeleaf       | 模板引擎         |
| Commonmark      | MarkDown 解析器 |
| Lombok          | 代码简化         |

## 前端技术
| 名称               | 简介           |
|------------------|--------------|
| jQuery           | 函数库          |
| jQuery.ScrollTo  | 定位跳转插件       |
| jQuery.Waypoints | 滚动监听插件       |
| Semantic UI      | UI           |
| Editor.md        | MarkDown 编辑器 |
| Tocbot           | 目录生成         |
| QRcode           | 二维码生成        |
| Prism.js         | 代码高亮         |
| Animate.css      | 动画库          |

## 项目截图
<p align="center">前台首页</p>
<img src="https://s1.ax1x.com/2022/06/29/jnbVr4.png">
<p align="center">前台分类</p>
<img src="https://s1.ax1x.com/2022/06/29/jnbEMF.png">
<p align="center">前台标签</p>
<img src="https://s1.ax1x.com/2022/06/29/jnbkxU.png">
<p align="center">前台文章展示</p>
<img src="https://s1.ax1x.com/2022/06/29/jnbmZ9.png">
<p align="center">后台登陆</p>
<img src="https://s1.ax1x.com/2022/06/29/jnbSVs.png">
<p align="center">后台分类</p>
<img src="https://s1.ax1x.com/2022/06/29/jnbEMF.png">
<p align="center">后台标签</p>
<img src="https://s1.ax1x.com/2022/06/29/jnbkxU.png">
<p align="center">后台文章</p>
<img src="https://s1.ax1x.com/2022/06/29/jnbPP0.png">
<p align="center">后台文章编辑</p>
<img src="https://s1.ax1x.com/2022/06/29/jnbF2T.png">