# blog-cyam2

**Repository Path**: young1249772521/blog-cyam2

## Basic Information

- **Project Name**: blog-cyam2
- **Description**: 个人博客2，该博客为2.0版本，在1.0版本的基础上改进，后台优化添加博客的管理。使用Marked.js直接解析md文件，同时前端改版，（大改）使用响应式布局，同时支持PC和手机端，并加入背景音乐播放功能！
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2019-03-07
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# blog-cyam2

#### 项目介绍
个人博客2，该博客为version 2.0版本，在version 1.0版本的基础上改进，后台优化添加博客的管理。使用Marked.js直接解析md文件，同时前端改版，（大改）使用响应式布局，添加搜索功能，同时支持PC和手机端，并加入背景音乐播放功能！  
博客主页为： http://www.weiyouly.xin:8080/index.html

#### 软件架构
JDK:          1.8  
后端框架:      SpringMVC  
持久层框架:    MyBatis  
数据库:        MySQL-5.6  
前端:          JSP  
项目管理工具:   Maven  
版本控制系统:   Git



#### 版本升级，及功能说明
version 2.0版本摒弃了1.0版本的博客读取功能，在1.0版本中，写好的博客文件，需要事先转成html文件，然后上传（最开始考虑到响应的问题，访问纯html速度会更快），但是这会导致烦躁，每次都要转成html上传，升级到2.0版本之后，可以直接上传.md文件，由marked.js 解析展现。  
首页栏目：按照点击量排序，显示点击量最多的数据。文章标题显示点击量和上传日期  
最近更新：按照时间排序，根据时间倒叙，显示最近一年的文章  
博客文章：分页显示所有的文章  
博客分类：显示所有分类

#### PC端效果展示
博客首页  
![TIM截图20181210111640.png](https://i.loli.net/2018/12/10/5c0ddab3a1e7c.png)

后台管理
![TIM截图20181210112232.png](https://i.loli.net/2018/12/10/5c0ddc044064a.png)

![TIM截图20181210111022.png](https://i.loli.net/2018/12/10/5c0ddc04958ca.png)

#### 手机端效果展示
博客首页  
![IMG_3501.PNG](https://i.loli.net/2018/12/10/5c0df20563595.png)  


后端文件上传  
![IMG_3504.PNG](https://i.loli.net/2018/12/10/5c0df20258706.png)