HCC个人博客系统源码

源码介绍：

HCC 个人 博客源码 ，基于vue全家桶开发的的 个人博客 ，前后端分离。

前台使用vue全家桶(vue-cli、router、vuex)开发。aos库请求api ,highlight.js插件使代码高亮显示, layui 框架快速构建页面,并使用栅格系统达到响应式布局的效果,并将所有模块组件化,样式是仿的技术胖 个人博客 。

后台使用 Laravel 5.7框架开发,web路由提供 后台管理 ,api路由提供 API接口 。用的X-admin 后台模板 。图片用AliyunOss 对象存储 ,通过redis中的订阅者模式key失效事件,来 AJAX上传文件后未提交表单造成大量无主文件。使用editor.md富文本编辑器以markdown语法编辑文章,自动生成html代码。

前台功能：

首页:置顶文章,通知消息,广告

分类:根据分类查找文章

归档:按月份查看文章列表

标签:根据标签查看对应文章列表

关于: 显示关于本站的信息

友链: 显示本站的友链

后台功能：

文章管理:  显示文章列表、搜索文章、添加文章,修改文章、文章

管理: 显示列表、添加、修改、

banner图管理: 显示、添加、修改、

标签管理: 显示、添加、修改、

分类管理:显示、添加、修改、

通知管理:显示、添加、修改、

关于管理:显示、修改

友链管理:显示、修改

安装方法：

开发环境：php7.2+ Nginx 1.4+mysql5.6

1、使用 git clone源码

2、修改.env配置文件

3、 导入sql文件

4、前台

- 在home目录中运行 npm install 依赖包（需要node环境）

- 运行npm run dev 编译项目

- http://localhost:3000

5、 后台

- 在admin目录中运行 comer install 安装依赖包（需要安装 comer ）

- 运行 php artisan key:generate 发布应用秘钥

- 修改.env配置

- 运行php artisan serve命令,打开web

- 修改Redis配置文件,搜索"notify-keyspace-events"修改为notify-keyspace-events=”Ex“

- 运行nohup php artisan image:clear >> image-clear.log 2>&1 & 失效的key无主文件

更新说明：

2018.12.13

添加响应式布局,

添加loding层

分页改为流加载模式

更换富文本编辑器为editorm.md，以markdown语法编辑文章

添加gighlight. JS代码 高亮插件

.env添加aliyun key配置,用于 阿里云 oss上传

展示图片：